html1px灰色虚线边框,CSS中1px虚线边框的方法

1PX的概念错误

h3{

position:absolute;

top:-15px;

left:30px;

margin:0;

padding:0 5px;

line-height:25px;

background:red;

border:1px solid #000;

}

.outer ,.outer2 {

position:relative;

float:left;

width:300px;

border:2px dashed #000;

margin-top:20px;

margin-left:20px;

background:#ffffcc;

}

.inner {

position:absolute;

border:1px solid white;

width:100%;

height:100%;

position:relative;

z-index:100;

margin:-1px;

}

.outer p,.outer2 p {padding:5px;margin:10px 0 0;}

.outer h3 a, .outer2 h3 a{

line-height:20px;

font-size:70%;

border:1px solid #000;

background:#ffffcc;

text-decoration:none;

vertical-align:top;

padding:0 5px;

}

.outer2 {border:1px dashed #000}

优秀的边框更多 >

本例只为说明在IE中存在1px概念的一个bug，在IE中{border:2px dashed #999;}与{border:1px dashed #999}基本上看不出什么差别，但可以用标准化浏览器分辩出来。

这个边框存在质量问题更多 >

模板无忧为编程者提供源程序参考，常用网页特效代码，是一个以学习为主的源码站。