ブログのなかの枠 その三 「枠の種類を選ぶ」

さてさて、今日が休職一日目、ちょっとそわそわしています。

りゅうちゃんです。

そんなことは忘れて、さっそく

ブログのなかの枠についての説明、その三を書きます。

その一「枠の付け方」  リンクその一

その二「枠の色の変え方」 リンクその二

に続いて第三弾です。

今日は「枠の種類を選ぶ」です。

前回その二でも説明した

最も重要なこの下の一行

<div style="background:#bfffdf; padding:10px; border-radius: 10px; border: 3px dotted #00bf00;">

この中に枠の種類を指定している値が入っています！

それが、

dotted

これで点線を指定しています。

こんな枠になります。

none

と入力すると

このように枠なしになります。

dashed

と入力すると

破線の枠になります。

solid

と入力すると

実線の枠になります。

double

と入力すると

二重線の枠になります。

groove

と入力すると

立体的な枠になります。

ridge

と入力すると

これも立体的な枠になります。

inset

と入力すると

これは左上側が暗い立体的な枠になります。

outset

と入力すると

これは右下側が暗い立体的な枠になります。

以上です！

たぶんこれが全バリエーションです。