网络编程
位置:首页>> 网络编程>> 网页设计>> CSS双线边框研究(2)

CSS双线边框研究(2)

 来源:豆豆猫的窝 发布时间:2009-09-03 12:12:00 

标签:边框,css,双线

由图3可以看出,浏览器的表现差别主要在于双线边框的双线之间的颜色,IE 6/7 以及Opera,双线之间是透明的,所以透出了父元素li的背景色,而其他的浏览器(包括IE 8)则使用了Input的背景色填充双线之间。

因此建立以下测试:

[提示:你可先修改部分代码,再按运行]

其显示如图4所示。


图4 改变双线边框颜色的效果测试


由图4可以发现,IE 6/7 以及Opera中,设定input边框色与自身背景色相同,可以出现类似图1的外观表现,而其他浏览器则是设定input边框色与父元素背景色相同可以实现类似图1的外观。

之所以是类似,因为图1的边框颜色与其自身背景色不同。

虽然没有实现设计效果,但是借这个例子,可以让我们了解double类型的边框特性,扩展了思路。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com