首页 >web前端 >html教程 >div+css关于边框样式的定义_html/css_WEB-ITnose

div+css关于边框样式的定义_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:29:031242浏览

以下是有关于边框样式的定义,首先,以下样式是html5的定义内容,对于浏览器,IE8、IE8以下的浏览器存在很多兼容问题,但是IE9浏览器,已经达到了他的兼容效果:

border-color:#ccc #aaa #999 #666 #777;的定义

使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度。如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。

border-radius:5px;

以下是有关border的一些定义属性的测试内容:

 





html5中关于border的定义:





在Firefox浏览器里能看到边框颜色渐变效果


在safari3+和FF3.5浏览器里能看到边框背景图


在Firefox和Safari 3的浏览器里能看到圆角效果


FF和Safari下可以看到效果



声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn