用js實(shí)現(xiàn)css3效果的圓角方法
發(fā)布時(shí)間：2013-07-02 12:57:42 作者：佚名 
我要評(píng)論
我要評(píng)論找在IE下實(shí)現(xiàn)css3效果的圓角時(shí)找到的一個(gè)實(shí)例，沒有測試，不知道使用起來怎么樣，有興趣的朋友可以自己試一下
找在IE下實(shí)現(xiàn)css3效果的圓角時(shí)找到的一個(gè)實(shí)例，沒有測試，不知道使用起來怎么樣，有興趣的朋友可以自己試一下:復(fù)制代碼代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>在線演示 - LHGCALENDAR</title> <script type="text/javascript" src="http://www.qiuzhiquan.com/images/DD_roundies_min.js"></script> <script type="text/javascript"> DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);DD_roundies.addRule('.websjy2', '5px', true);DD_roundies.addRule('.websjy3', '1000px', true); </script> <body> <h3>效果1</h3> <div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#66FFFF; margin-bottom:10px;" class="websjy1">32423</div> <h3>效果2</h3> <div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#EEE; margin-bottom:10px;" class="websjy2">32423</div> <h3>效果3</h3> <div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#ff0000; margin-bottom:10px;" class="websjy3">32423</div> </body> </html>預(yù)覽效果：http://www.websjy.com/club/websjy_index/53/
相關(guān)文章
- 這篇文章主要介紹了CSS3繪制圓角矩形的簡單示例,注意一下各瀏覽器對(duì)CSS3的兼容性,需要的朋友可以參考下2015-09-28
利用CSS3實(shí)現(xiàn)圓角的outline效果的教程
這篇文章主要介紹了利用CSS3實(shí)現(xiàn)圓角的outline效果的教程,一般用于實(shí)現(xiàn)相框效果,需要的朋友可以參考下2015-06-05- 這篇文章主要介紹了使用CSS3實(shí)現(xiàn)圓角,陰影,透明的方法和示例代碼分析，非常的簡單實(shí)用，這里推薦給小伙伴們。2014-12-23
CSS3實(shí)現(xiàn)圓角、陰影、透明效果并兼容各大瀏覽器
圓角、陰影、透明的實(shí)現(xiàn)方法有很多，之前的獲取比較復(fù)雜，用CSS3就方便很多了，而且對(duì)瀏覽器的支持性也比較好，下面簡單為大家介紹下2014-08-08純CSS3實(shí)現(xiàn)圓角效果（含IE兼容解決方法）
CSS3圓角技術(shù)能非常好的美化你的頁面效果，而且避免了使用圖片輔助，一則省去了制作圖片的時(shí)間，二則省去了瀏覽器加載圖片造成的延遲和帶寬2014-05-07- 這篇文章主要介紹了css3圓角邊框和邊框陰影示例,需要的朋友可以參考下2014-05-05
無需使用任何JS代碼即可實(shí)現(xiàn)表格圓角、表格漸變等超酷效果，用來作為產(chǎn)品信息說明非常合適2013-07-16- 這篇文章主要介紹了CSS3圓角和漸變2種常用功能詳解 的相關(guān)資料,需要的朋友可以參考下2016-01-06
