用js实现css3效果的圆角方法
发布时间：2013-07-02 12:57:42 作者：佚名 
我要评论
我要评论找在IE下实现css3效果的圆角时找到的一个实例，没有测试，不知道使用起来怎么样，有兴趣的朋友可以自己试一下
找在IE下实现css3效果的圆角时找到的一个实例，没有测试，不知道使用起来怎么样，有兴趣的朋友可以自己试一下:复制代码代码如下:<!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>预览效果：http://www.websjy.com/club/websjy_index/53/
相关文章
- 这篇文章主要介绍了CSS3绘制圆角矩形的简单示例,注意一下各浏览器对CSS3的兼容性,需要的朋友可以参考下2015-09-28
- 这篇文章主要介绍了利用CSS3实现圆角的outline效果的教程,一般用于实现相框效果,需要的朋友可以参考下2015-06-05
- 这篇文章主要介绍了使用CSS3实现圆角,阴影,透明的方法和示例代码分析，非常的简单实用，这里推荐给小伙伴们。2014-12-23
- 圆角、阴影、透明的实现方法有很多，之前的获取比较复杂，用CSS3就方便很多了，而且对浏览器的支持性也比较好，下面简单为大家介绍下2014-08-08
- CSS3圆角技术能非常好的美化你的页面效果，而且避免了使用图片辅助，一则省去了制作图片的时间，二则省去了浏览器加载图片造成的延迟和带宽2014-05-07
- 这篇文章主要介绍了css3圆角边框和边框阴影示例,需要的朋友可以参考下2014-05-05
无需使用任何JS代码即可实现表格圆角、表格渐变等超酷效果，用来作为产品信息说明非常合适2013-07-16- 这篇文章主要介绍了CSS3圆角和渐变2种常用功能详解 的相关资料,需要的朋友可以参考下2016-01-06
最新评论