サイト内検索
...スタイルシート(css)...
スタイルシート
余白
- 内側の余白は、paddingを指定します。
- paddingについては、こちらをご覧ください。
- [使い方]
- .sample{
background-color: #ffa500;
padding: 20px 180px 40px 70px;
}
padding: 数値(pxなど);
|
margin
- 外側の余白は、marginを指定します。
- marginについては、こちらをご覧ください。
- [使い方]
- p.margin{
background-color: #ffa500;
margin: 20px 180px 10px 100px;
}
グリーンの外側の部分の空白の部分がマージンです。
上20px、右180px、下10px、左100px
marginとpaddingの使い方の違い
他の要素(例えば・・画像・テーブル・ページのtopなど)
margin: 数値(px・%) ;
|
他の要素(例えば・・画像・テーブル・ページのbottomなど)