HTML and CSS Reference
With CSS3, you can now apply new border styles, such as border-radius and
The border-radius property allows you to create rounded corners on elements.
Prior to having the ability to do this, in order to make flexible elements with
rounded corners, you would either use several images to simulate rounded
generate lots of div elements and position them to simulate a rounded corner.
border-radius allows you to generate rounded corners using CSS3 without any
using the following CSS can create a rounded border.
This will create a border with a radius of 10 pixels. You can also specify the
radius for each corner of your element using the following syntax, the result of
which you can see in Figure 5-14.
border: 1px solid #000000;