HTML基础（2）——边框

边框：(尺寸 样式 颜色)

div{border:1px solid red;}

样式可能的值：

dotted（点状边框，在大多数浏览器里呈现实线）

dashed（虚线。在大多数浏览器中呈现为实线）

solid（实线）

double（双线）

---

边框的方向：top right bottom left；

改变上边框：border-top：5px dashed black；

只改变上边框颜色：border-top-color：red；

 

那么，边框是什么形状呢？这取决于容器的大小，是一个非矩形。

 

来点炫酷的，边框三角形！

div{width:0px;
      height:0px;
      border:10px solid #fff;
      border-top-color:#ccc;
}