<!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://bbs.job9151.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>
解决IE9不兼容的方案:
<!--[if lte IE 8]>
<script src="js/DD_roundies_min.js"></script>
<script>
DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);
DD_roundies.addRule('.websjy2', '5px', true);
DD_roundies.addRule('.websjy3', '500px', true);
</script>
<![endif]-->
<style>
.websjy3{-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;}
.websjy2{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.websjy1{-moz-border-radius:5px 20px 3px 10px;-webkit-border-radius:5px 20px 3px 10px;border-radius:5px 20px 3px 10px;}
</style>
分享到:
相关推荐
css圆角css圆角css圆角css圆角css圆角css圆角css圆角css圆角css圆角css圆角
div css圆角代码各种圆角表格_圆角边框css圆角
css圆角边框css圆角边框css圆角边框css圆角边框css圆角边框
CSS圆角组件CSS圆角组件CSS圆角组件CSS圆角组件CSS圆角组件CSS圆角组件CSS圆角组件CSS圆角组件CSS圆角组件
无懈可击的CSS圆角边框 用了一个圆角框来显示用户“已经切换使用”的某个兼容Web标准的浏览器,包括软件名称和图标
css 圆角实现例子,无图实现CSS圆角
很简单的css圆角~让你突破css的困扰
CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框CSS圆角边框
CSS 圆角 简单 CSS 圆角 简单 CSS 圆角 简单 CSS 圆角 简单
圆角按钮宽度自适应 自适应宽度的CSS圆角背景的按钮
css圆角提示框是一款纯HTML CSS实现的圆角提示框效果,兼容所有浏览器。 css圆角提示框演示图:
CSS圆角边框、按钮插件CSS圆角边框、按钮插件CSS圆角边框、按钮插件
css 圆角边框 样式表 css 圆角边框原理及网页实例
一个纯CSS圆角示例网页,逍遥狼无图片智能圆角,无使用任何图片来修饰,全部CSS代码实现的圆角,很平滑,很漂亮。特点: 1:只需一个js即可设定圆角样式,本身自带6种样式,只需要在需要圆角的地方用"class=样式...
多种CSS圆角特效代码及演示! 值得下载看看!资源免费,大家分享!!
纯css圆角.rar 纯css圆角.rar 纯css圆角.rar 纯css圆角.rar
百度百科里的CSS圆角效果.rar百度百科里的CSS圆角效果.rar百度百科里的CSS圆角效果.rar百度百科里的CSS圆角效果.rar
css圆角通杀所以浏览器.htmlcss圆角通杀所以浏览器.html
CSS圆角制作器用于在线制作css圆角,可以生成webkit,css3,gecko等三种圆角的样式代码,是一个简单易用的在线CSS圆角制作器。注意:IE9以下的老浏览器不支持CSS3,因此看不到效果。
css兼容包-CSS圆角、阴影!适用于任何浏览器