ヘッダーの余白

おいしいお店ー東北

余白の調整

f:id:t0919k-1201y:20201103163105p:plain

 

要素に余白を入れる

要素に余白を作りたい場合は「padding」

f:id:t0919k-1201y:20201103163206p:plain

f:id:t0919k-1201y:20201103163221p:plain

「padding:値;」とすると、上下左右全ての方向にその大きさの余白が追加

f:id:t0919k-1201y:20201103163237p:plain

 

paddingをある方向のみ指定する

f:id:t0919k-1201y:20201103163816p:plain

f:id:t0919k-1201y:20201103163837p:plain

「padding-top:値;」=上部

padding-bottom=下部

padding-left

padding-rightなど

f:id:t0919k-1201y:20201103163917g:plain

 

paddingをまとめて書く

f:id:t0919k-1201y:20201103164320p:plain

値を4つ、スペース区切りで指定した場合

上→右→下→左の順で適用

f:id:t0919k-1201y:20201103164336p:plain

f:id:t0919k-1201y:20201103164357p:plain

値を2つ指定した場合、「上下」「左右」の順に適用

コメント

タイトルとURLをコピーしました