CSSでパディングを設定する方法

CSS でパディングを設定する方法: 1. padding 属性を使用して、要素のすべてのパディング (上、右、下、左) を 1 つのステートメントで設定します; 2. padding-top、padding-bottom を使用します。 、padding- left プロパティと padding-right プロパティは、それぞれ上、下、左、右のパディングを設定します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

1. パディング属性を使用する

padding は、1 つのステートメントですべてのパディング属性を設定できる短縮属性です。この属性には 1 ～ 4 の値を指定できます。

例:

padding:10px 5px 15px 20px;

• 上部のパディングは 10px

• 右側のパディングは 5px

• 下部のパディングは 15px

• 左側のパディングは 20px

padding:10px 5px 15px;

• 上部のパディングは10px

• 左右のパディングは 5px

• 下部のパディングは 15px

# #

padding:10px 5px;

• 上下のパディングは 10px

• 左右のパディングは 5px

padding:10px;

• 4 つのパディングはすべて 10px

2 です。padding-top、padding-bottom、padding-left、padding-right 属性を使用します

• padding-top 要素の上部のパディングを設定します

• padding-bottom 要素の下部のパディングを設定します

• padding -left 要素の左パディングを設定します

• padding-right 要素の右パディングを設定します

(学習ビデオ共有: CSS ビデオ チュートリアル )

以上がCSSでパディングを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。