To round the corners of a `div` in CSS, you can use the `border-radius` property. The `border-radius` property allows you to specify the radius of the rounded corners.
Here is an example of how to use the `border-radius` property to round the corners of a `div`:
“`css
div {
border-radius: 10px;
}
“`
In the example above, the `border-radius` property is set to `10px`, which will round the corners of the `div` with a radius of 10 pixels. You can adjust the value of the `border-radius` property to change the radius of the rounded corners.
You can also use the `border-radius` property to specify different radii for each corner of the `div`. For example, to round only the top left and bottom right corners of a `div`, you can use the following CSS:
“`css
div {
border-radius: 10px 0 0 10px;
}
“`
In the example above, the `border-radius` property is set to `10px 0 0 10px`, which will round the top left corner and bottom right corner of the `div` with a radius of 10 pixels, while the other two corners will remain square. You can adjust the values of the `border-radius` property to round the corners of the `div` as desired.