首頁  >  文章  >  web前端  >  div+css关于边框样式的定义_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 12:29:031210瀏覽

以下是有关于边框样式的定义,首先,以下样式是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