In CSS, you can create rounded borders for elements using the `border-radius` property. This property allows you to round the corners of an element, giving it a softer and more visually appealing look.
Here's how you can use the `border-radius` property:
```css
element {
border-radius: 10px; /* Rounded corners with a radius of 10 pixels */
}
```
You can also specify different values for each corner to create more complex shapes:
```css
element {
border-radius: 10px 20px 30px 40px; /* Top-left, top-right, bottom-right, bottom-left */
}
```
If you want to create a circle, you can set the `border-radius` property to half of the element's width or height:
```css
circle {
width: 100px;
height: 100px;
border-radius: 50%; /* Creates a circular element */
}
```
Additionally, you can combine `border-radius` with the `border` property to create elements with both rounded borders and specific border styles:
```css
rounded-box {
width: 200px;
height: 100px;
border: 2px solid blue;
border-radius: 15px; /* Rounded corners */
}
```
Feel free to adjust the values of `border-radius` to achieve the desired level of rounding for your element's corners.
