97欧美中文在线播放专区,国产日韩v精品一区二区

當(dāng)然還是用圖片，只是可以生成自己所需色彩的圖片。

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

將上面生成的圖片和下面代碼存在同一個文件夾下：

</P>
<P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>CSS圓角區(qū)塊容器</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; }.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></head></P>
<P><body><div   id="8thraky"   class="rbroundbox"> <div   id="bkt9fiw"   class="rbtop"><div></div></div>  <div   id="qcudh6c"   class="rbcontent">   <p>Lorem 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   id="9f0ydl1"   class="rbbot"><div></div></div></div></body></html></P>
<P>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

CSS實現(xiàn)光滑圓角效果
用js實現(xiàn)CSS圓角生成更新
用js實現(xiàn)的抽象CSS圓角效果!!
純CSS生成抗鋸齒圓角的代碼
css Sprites小實例代碼
提取自百度有啊的css圓角效果
CSS+Jquery實現(xiàn)頁面圓角框方法大全
JS+CSS實現(xiàn)可拖拽的漂亮圓角特效彈出層完整實例
jQuery+html5+css3實現(xiàn)圓角無刷新表單帶輸入驗證功能代碼
js+css實現(xiàn)的圓角邊框TAB選項卡滑動門代碼分享（2款）
JS+CSS實現(xiàn)自適應(yīng)選項卡寬度的圓角滑動門效果
JS+CSS實現(xiàn)的經(jīng)典圓角下拉菜單效果代碼
CSS 使用Sprites技術(shù)實現(xiàn)圓角效果

標(biāo)簽：仙桃泰州海西佛山滄州攀枝花呂梁欽州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS圓角區(qū)塊容器生成器》，本文關(guān)鍵詞 CSS,圓角,區(qū)塊,容器,生,成器,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。