CSS — Border Radius

The border-radius property is used to create rounded corners for elements like buttons, images, and containers. It helps make designs look softer and more modern. You can apply a small radius for slightly rounded corners or a large value like 50% to create perfect circles, often used for profile pictures or icons. Rounded corners are very common in modern web design and can improve the overall look and feel of a website.

img { border-radius: 50%; }
.button { border-radius: 8px; }