ボックスの枠線を定義して、視覚的なデザインをマスターしましょう。
それでは、ここまでの確認も含めて、あらたにボックスを以下のように定義してください。
全体の横幅 100px、縦幅 100px、パディングは上と左がそれぞれ10px。
線のカラーは、#FF9999、とサイズは、5pxで、以下のように線種だけを変更して、ボックスをつくってください。
１．線種 solid
２．線種 dashed
３．線種 dotted
４．線種 double
５．線種 groove
６．線種 ridge
７．線種 inset
８．線種 outset
solid
groove
.box {
width: 80px;
height: 80px;
padding: 10px 0px 0px 10px;
border: solid #FF9999 5px;
}
これは、borderの値を変更するだけだから、かんたんな方ですよね。
でも一応、線種を把握しておくことも、大事だと思うのでやってみてくださいね。
