CSS - Square with Rounded Corners

This is an example of a square with rounded corners using CSS.

In HTML, set the class attribute to 'square' on a <div> element.

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

In CSS, set 'width' and 'height' to '300px' each, and 'border-radius' to '20px' to make the corners rounded.

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