CSSで四角形を描く 2

前回作った基本的な正方形に背景色・枠線の設定を行います。

基本部分のソースコード

Html

<div class="rect"></div>

CSS

.rect{
	width: 200px;
	height: 200px;
}

デザイン

cssファイルの.rectに以下のコードを設定していきます。

背景色をつける

background: #3A8AFF;

枠線を太くする

border: 7px solid yellowgreen;

枠線を破線にする

border : 7px dashed;

枠線を点線にする

border : 7px dotted;