CSS圓角區塊容器產生器

來源:互聯網
上載者:User

當然還是用圖片,只是可以產生自己所需色彩的圖片。

http://www.neuroticweb.com/recursos/css-rounded-box/

將上面產生的圖片和下面代碼存在同一個檔案夾下:

</p><p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br /><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; }.rbbot { 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; }.rbroundbox { width: 50%; margin: 1em auto; }</style></p><p>Lorem ipsum dolor sit amet,<br /> consectetuer adipiscing elit. Duis<br /> ornare ultricies libero. Donec<br /> fringilla, eros at dapibus fermentum,<br /> tellus tellus auctor erat, vitae porta<br /> magna libero sed libero. Mauris sed leo.<br /> Aliquam aliquam. Maecenas vestibulum.</p></p><p>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.