border属性，即外边框属性。
使用规范如下：
border:5px solid red;
需要注意的是，border所显示的边框宽度，并不会占用原有div的大小，而是会在原有的div上增加。
border中常用的三个属性分别是width（宽度）、style（边框样式）、color（边框颜色）
先后顺序如上方所示，宽度、样式、颜色。
宽度和颜色并没有什么特殊的地方，这里需要记下的是Style，边框样式：
none： 无轮廓。border-color将被忽略，border-width计算值为0，除非边框轮廓为图像，即border-image。
hidden： 隐藏边框。IE7及以下尚不支持
dotted： 点状轮廓。IE6下显示为dashed效果
dashed： 虚线轮廓。
solid： 实线轮廓
double： 双线轮廓。两条单线与其间隔的和等于指定的border-width值
groove： 3D凹槽轮廓。
ridge： 3D凸槽轮廓。
inset： 3D凹边轮廓。
outset： 3D凸边轮廓。
其实这里不需要特殊去背诵，在有css手册的情况其实可以很快的搜索到相关属性，只需要记住一些常用的，其他的等需要的时候再查手册即可。
如果想要分别设置边框的宽度样式和颜色，可以使用以下：
border-top
border-bottom
border-left
border-right
来对上下左右进行不同的设置
同时，我们也可以利用border的特性使用CSS去画三角形，代码如下
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#test1{
width: 0px;
background: gray;
border-top: 30px solid blue;
border-bottom: 30px solid red;
border-right: 30px solid green;
border-left: 30px solid orange;/*通过上下左右来分别设置border的值*/
}
</style>
</head>
<body>
<div id="test1">
</div>
</body>
</html>
在这段代码里，你可以通过一步步把width变小来观察border的特性。
我们可以把border的边框看为是一个等腰梯形，而这个等腰梯形的上边就是width和height，当width和height都为0时，等腰梯形的上边为0，即在此时，border就可以看做是三角形。
251
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
