スタイルシート(CSS)講座 トップ >> レヴェルアップ練習問題 >> 確認問題〜<DIV>の感覚

確認問題〜<DIV>の感覚

それでは、ここまでの確認問題をやってみましょう!

全体のサイズが、横幅300px縦幅200px
枠線が、太さ2px、線種はsolid、カラーが#CC0000
パディングが、上20px右40px左40px
マージンが、左から50px

これをつくってみてくださいっ!ゆっくり自分のペースですすめてね。







.box {
   border:2px solid #CC0000;
   width: 216px;
   height: 176px;
   padding: 20px 40px 0px 40px;
   margin: 0px 0px 0px 50px;
}

できましたか?
ちょっとわからないところがあったら、前に戻って復習してみてくださいね。

<< 枠線とパディングとサイズの正確な感覚を

テキストのカラーとサイズを定義する >>

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