border属性

语法：

border-top- style: none | hidden | <关键字> | inherit

边框线的类型：边框线的类型有九个确定值：
none：没有边框。该值迫使border-width的计算值为0。

hidden：和none相似，除非在表格元素中解决边框冲突时。

线型的关键字包括：

dotted：

边框是一系列的点。

dashed：

边框是一系列的短线条的段。

solid：

边框是一条单一的线。

double：

边框有两条实线。两条线宽和其中的空白的宽度之和等于border-width的值。

groove：

边框看上去好象是雕刻在画布之内。

ridge：

和grove相反：边框看上去好象是从画布中凸出来。

inset：

该边框使整个框看上去好象是嵌在画布中。

outset：

和inset相反：该边框使整个框看上去好象是从画布中凸出来。

边框有很多作用，常见的有作为导航栏的分割线、标示一块div等。

现在讨论 double 型边框的用法：

语法：

border:3px double #FF0000;

兼容性：浏览器的表现差别主要在于双线边框的双线之间的颜色，IE 6/7 以及Opera，双线之间是透明的，所以透出了父元素li的背景色，而其他的浏览器（包括IE 8）则使用了Input的背景色填充双线之间。

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

.test2 input { background:#666; border:3px double; color:#ccc; padding:2px;  }<br>
.test2 .text1 { border-color:#ccc; }<br>
.test2 .text2 { border-color:#666; }<br>
.test2 .text3 { border-color:#CFF; }

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

参考网址：点击打开链接

要呈现两条边框的效果，可再加一个长宽各小一个像素的 div.