欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-09 13:22:31
...
以下是有关于边框样式的定义,首先,以下样式是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下可以看到效果