Rumah  >  Artikel  >  hujung hadapan web  >  div+css关于边框样式的定义_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-24 12:29:031176semak imbas

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



Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn