To round the corners on borders use

border-radius: length

The length is in pixels px.  The larger the number the rounder the corner.

More then one value can be entered in radius

 If one wants to change top and bottom of a curve to different values the following commands would be used.

If you want all four corners to have the same varied horizontal slope and the same varied vertical slope (but horizontal is different from vertical) use the following command.

     border-radius: horizontal/vertical

The slash mark / tells the browser to apply the first value to all widths and the second value to all heights on the border.


Comments (0)

500 characters remaining

Cancel or