时间:2021-04-16
找在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="/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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
现在使用CSS3技术不需要图片即可实现圆角,把侧边栏标题背景的圆角效果和搜索框的圆角效果用CSS3实现。记录一下以便以后使用。W3C很早就制订了实现了CSS圆角
现在使用CSS3技术不需要图片即可实现圆角,把侧边栏标题背景的圆角效果和搜索框的圆角效果用CSS3实现。记录一下以便以后使用。W3C很早就制订了实现了CSS圆角
在Web前端页面实现圆角效果,CSS3帮你轻松实现,一个人人皆知的属性。CSS3圆角的优点传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1