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.