枠線と余白の設定

枠線　−　「border」プロパティで表示します。

方向別に線を引きたい場合は次のように表記します。
上「border-top」、下「border-bottom」、左「border-left」、右「border-right」。
枠線指定時に「枠線の幅」、「枠線の色」も指定することができます。

余白　−　「padding」プロパティで表示します。

同様に方向別に余白を入れたい場合は次のように表記します。
上「padding-top」、下「padding-down」、左「padding-left」、右「padding-right」。

では例、赤色で幅3pxの二重線を引きます。
また、文字と枠に上下に4px、左右に10pxの余白を入れます。

「ブログ　兼　副収入へようこそ！」
「ブログ　兼　副収入へようこそ！」
「ブログ　兼　副収入へようこそ！」

< p style="border : 3px double red ; padding : 4px 10px ;" >「ブログ　兼　副収入へようこそ！」
「ブログ　兼　副収入へようこそ！」
「ブログ　兼　副収入へようこそ！」
< /p >

枠線には点線などの変化もありますが数が多いので、ここでは省略しますね。

ブログ作成時の小細工　まで戻る