E-Mail : info@ardnet.co.uk

Using CSS to add a curved border

27/01/2014

Taking away sharp borders on images and web content can be important for the look and feel of a website.  Cascading Style Sheets can be used to easily produce a curved border on elements within a page.

To add a curve border to a box on a website you can use the following code :

div
{
border:2px solid;
border-radius:25px;
}

To produce something like this :

In the above example we have also set attributes for height and width as well as a background colour.