CSS - 円形

円形のCSSコード例です。

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

<div class="circle"></div>

CSSでは「width」プロパティと「height」プロパティにはそれぞれ「300px」を指定、「border-radius」プロパティに「50%」を指定して要素を円形ています。

.circle {
	width: 300px;
	height: 300px;
	background: lightpink;
	border-radius: 50%;
}