In the past the only way you could add a text box with rounded corners was to use background images. It was time consuming first to create an mage and then cut it into the different corners, then you had to build the different bits of code and finally upload everything to your server.
Now there is a very easy way to create the rounded corners by using CSS3 with the border-radius properties, also it is just as easy to add a shadow box.
Some of the advantages of using CSS3 are:-
This is a Green box with a 1 pixel wide border and a dark grey shadow, the radius of the corners are set to a value of 15px, although a percentage value could be used.
Below is the code required to create the above box, I have also added the values for <ul> and hyperlinks.
border-radius: this defines the shape of the rounded corners.
-moz-border-radius: defines the shap of the corners in older versions of Firefox.
-webkit-border-radius: defines the corners for Chrome and Safari.
box-shadow: etc are the corners for the shadow, if you do not want any shadows then just remove the entries, the same goes for the border setting.
You can copy the above code and either place it inside your existing css file or save it as a separate file and call it in the normal way. To place this box within your page just add the code below where you want the box.
Enter your content within the tags.