ひなこの楽天web制作研究所

■昨日の復習■

えーと、昨日の日記で枠に囲む囲み方を書きました

<p style="border: solid 1px #FF6600;">こういうふうにかくと</p>

こういうふうにかくと

と表示されます。

・border　枠という意味
・そのあとにコロン:
・区切りには半角のスペース
・solidは線の種類（その他の種類は昨日の日記を参照）
・1pxは線の太さ
・#FF6600 は線の色の指定（他の色は昨日の日記参照）
・文末にセミコロン;

---

■今日の課題■

で、枠をつくったのはいいんだけど、なんか変じゃない？

そう、枠線と文字がくっつきすぎよね？　もうちょっと離したい！

そこでこういう風に書いてください。さっきのセミコロンの後ろに

padding: 10px;

パディング　10ピクセル

この数字で空間の大きさが決まります。

<p style="border: solid 1px #FF6600; padding: 10px;">こういうふうにかくと</p>

こういうふうにかくと

という風になります。

今日は以上だよん。