Now using CSS3 more and more rounded corners, the following small series to share a
/* Set millions of background images */.rbroundbox {background:url (nt.gif) repeat;}. Rbtop p {background:url (tl.gif) no-repeat top left;}. rbtop {background:url (tr.gif) no-repeat top right;}. Rbbot p {background:url (bl.gif) No-repeat bottom left;}. Rbbot {background:url (br.gif) No-repeat bottom right;} /* Height and width stuff, width not really nessisary. */.rbtop p,. Rbtop,. Rbbot p,. Rbbot {width:100%;height:7px;font-size:1px;}. rbcontent {margin:0 7px;}. Rbroundbox {width:50%; margin:1em auto;}
2. [code]
<p class= "Rbroundbox" ><p class= "Rbtop" ><p></p ></p><p class= "rbcontent" ><p>lorem ipsum dolor sit amet,consectetuer adipiscing elit. Duisornare ultricies libero. Donecfringilla, Eros at Dapibus fermentum,tellus tellus auctor erat, vitae portamagna libero sed libero. Mauris sed leo. Aliquam Aliquam. Maecenas vestibulum.</p></p><!--/rbcontent--><p class= "Rbbot" ><p></p></p ></p><!--/rbroundbox-->