CSSで四角形を描く

Html+CSSで四角形（矩形）を描く方法。

正方形

コード

Html

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

CSS

.rect{
	width: 200px;
	height: 200px;
	border: 1px solid;
}

説明

正方形のベースとしているのはdiv要素です。これにwidthとheightで大きさを設定し、枠線で囲うことで正方形として描画されます。