CSS - 角丸の四角形

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

HTML要素には、図形の要素となる<div>タグにクラス名 "square" を設定しています。

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

CSSでは「width」プロパティと「height」プロパティにはそれぞれ「300px」を指定、「border-radius」プロパティに「20px」を指定して角を丸くしています。

.square {
	width: 300px;
	height: 300px;
	background: #00fa9a;
	border-radius: 20px;
}