CSS - 四角形

四角形のCSSコード例です。

このHTMLコードは四角形を描画するためのもので、図形の要素となる<div>タグのクラス名 "square" を設定しています。

<div class="square"></div>

CSSコードは四角形のスタイルを設定しています。
「width（幅）」プロパティと「height（高さ）」プロパティにはそれぞれ「300px」を指定、「background」プロパティには背景色として「royalblue（ロイヤルブルー）」を指定しています。

.square {
	width: 300px;
	height: 300px;
	background: royalblue;
}