Of course still use the picture, just can produce the color that oneself need picture.
http://www.neuroticweb.com/recursos/css-rounded-box/
The picture that is generated above and the following code exist under the same folder:
</P> <p><! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//en" > <ptml> <pead> <title>css fillet block container </ title> <meta http-equiv= "Content-type" content= "text/html"; charset=gb2312 "> <style>. Rbroundbox {background:url (nt.gif) repeat; rbtop div {background:url (tl.gif) no- Repeat top left; }. Rbtop {Background:url (tr.gif) no-repeat top right; Rbbot div {background:url (bl.gif) No-repeat bottom left; Bbot {background:url (br.gif) No-repeat bottom right; </P> <p>/* height and width stuff, width not really nessisary. */. Rbtop Div,. rbtop,. Rbbot Div,. rbbot {width:100%; height:7px; font-size:1px;}. rbcontent {margin:0 7px;. rbr Oundbox {width:50%; margin:1em auto;} </style> </pead></P> <P><body> <div class= "Rbro Undbox "> <div class=" rbtop "><div></div></div> <div class=" Rbcontent "> <p>lor Em ipsum dolor sit amet, consecTetuer adipiscing elit. Duis ornare ultricies libero. Donec Fringilla, Eros at Dapibus fermentum, Tellus tellus auctor erat, Vitae Porta, magna libero, sed libero. Mauris sed leo. Aliquam Aliquam. Maecenas vestibulum.</p> </div> <div class= "Rbbot" ><div></div></div> </div > </body> </ptml></P> <P>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
