Material Box

Material Box

WEB Design & Material Images

CSS - Circle

CSS

This is an example of a circle in CSS.


In HTML, the element that represents a circle is a <div> with the class attribute set to "circle".

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

In CSS, set the "width" and "height" properties to "300px" each, and use the "border-radius" property with a value of "50%" to create a circular element.

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

CSS - Circle

TitleCSS - Circle

CategoryCSS

Created

Update

AuthorYousuke.U