主页 > 网站建设 >

用js实现css3效果的圆角方法

网站建设 2023-01-28 20:48www.1681989.com免费网站
找在IE下实现css3效果的圆角时找到的一个实例，没有测试，不知道使用起来怎么样，有兴趣的朋友可以自己试一下:
复制代码
代码如下:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://.w3./1999/xhtml"><head>
<title>在线演示 - LHGCALENDAR</title>
<script type="text/javascript" src="http://.qiuzhiquan./images/DD_roundies_m.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; marg-bottom:10px;" class="websjy1">32423</div>
<h3>效果2</h3>
<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#EEE; marg-bottom:10px;" class="websjy2">32423</div>
<h3>效果3</h3>
<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#ff0000; marg-bottom:10px;" class="websjy3">32423</div>
</body>
</html>
预览效果
上一篇：网页在各种分辨率和浏览器中均可正常显示的方 下一篇：rgba alpha 透明度的转换计算表

网站设计

Copyright © 2016-2025 www.1681989.com 推火网 版权所有 Power by