文件下载:http://css3pie.com/download/ 使用: .pie_radius{ width:200px; height:200px; background-color:red; -moz-border-radius:8px; -webkit-border-radius:8px;...
分类:
其他好文 时间:
2014-11-20 20:05:38
阅读次数:
600
简单参数设置一1.html 2.css .divSmall { float: left; margi...
分类:
其他好文 时间:
2014-11-20 20:05:20
阅读次数:
203
1、圆角效果“border-radius”是实现这一功能的一个重要的属性,可以用来直接定义HTML元素的圆角,并且被所有现代浏览器支持。 Css代码.border-radius:10px;/* CSS3 Property */.-moz-border-radius:10px;/* Firefox ....
分类:
移动开发 时间:
2014-11-20 20:01:09
阅读次数:
223
如今CSS3中的border-radius出现后,让我们没有那么多的烦恼了,首先制作圆角图片的时间是省了,而且其还有多个优点:其一减少网站的维护的工作量,少了对图片的更新制作,代码的替换等等;其二、提高网站的性能,少了对图片进行http的请求,网页的载入速度将变快;其三增加视觉美观性。既然bor.....
分类:
其他好文 时间:
2014-11-20 18:40:45
阅读次数:
212
一:border-radius只有一个取值时,四个角具有相同的圆角设置,其效果是一致的:.demo { border-radius: 10px;}其等价于:.demo{ border-top-left-radius: 10px; border-top-right-radius: 10px; bor....
分类:
其他好文 时间:
2014-11-20 18:35:06
阅读次数:
315
/*圆角class,需要设置圆角的元素加上class名称*/.roundedCorners{ -webkit-border-radius: 10px;/*webkit内核浏览器*/ -moz-border-radius: 10px;/*moz内核浏览器*/ border-radiu...
分类:
Web程序 时间:
2014-11-20 18:22:17
阅读次数:
258
谈谈box-shadow的具体使用方法语法:E {box-shadow: ??||}也就是:E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说:对象选择器 {box-shadow:投影方式 X轴偏移量.....
分类:
其他好文 时间:
2014-11-20 18:18:30
阅读次数:
352
经过长久以来的不懈努力,我终于成功的将selectivizr与PIE这两个解决css3的利器进行了深度的整合,大大降低了使用难度只要在你的页面上加入这一行代码,整个页面全部兼容css3,不要忘了将文件下载回来放进/js/文件夹兼容圆角border-radius,盒阴影box-shadow、渐变色li...
分类:
Web程序 时间:
2014-11-19 18:30:14
阅读次数:
209
前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10px; width:300...
分类:
Web程序 时间:
2014-11-19 15:37:49
阅读次数:
192
CSS3 圆角(border-radius)前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { p...
分类:
Web程序 时间:
2014-11-19 12:06:44
阅读次数:
190