スタイルシート(CSS)講座 トップ >> レヴェルアップ練習問題 >> 枠線を定義した<DIV>をつくってみよう

枠線を定義した<DIV>をつくってみよう

下のように、枠線を定義した<DIV>をつくってみましょう。
枠線の設定は、太さ1px線種solid(実践)カラー#CC0000(暗い赤)
定義の方法は、CLASSセレクタで、おこなってください。
定義する場所は、ヘッダーか外部スタイルシートで。

枠線を定義したボックス




枠線を定義するために必要な属性は、border
CLASSセレクタだから、次のように定義します。

.box{border: 1px solid #CC0000 }

値の書き方は、ちょっと特殊ですね。
このように書くと、まとめて定義できます。(特定の属性のみ)

そして、

<DIV CLASS="box">

枠線を定義したボックス

</DIV>

このように、HTML部分にカキコしてあげましょう。

ボックスのサイズを定義してみよう >>

<< スタイルシート(CSS)講座 トップ