Core Code
Core Code Modern Dev Handbook

Basic Rounded Corners

Use border-radius to create rounded corners.

Preview

Code

<style>
.box{
width:120px;
height:80px;
background:#60a5fa;
border-radius:10px;
}
</style>

<div class="box"></div>

More CSS Rounded Corners Examples (8)

example Circle Shape open example example Pill Button open example example Different Corner Radius open example example Single Corner Radius open example example Elliptical Radius open example example Rounded Image open example example Card Layout Corners open example example Hover Rounded Effect open example