CSS初级教程（六）- CSS Borders 边框

CSS Borders 边框

边框可以运用到body里的大部分HTML元素。

制作一个元素的边框，你需要border-style边框样式。值可以是： solid, dotted, dashed, double, groove, ridge, inset and outset，具体样式大家可以实际下。

border-width设定宽度，通常使用pixels即单位是px，同样有四边属性：border-top-width, border-right-width, border-bottom-width and border-left-width。

border-color设定边框颜色。

例子

css 代码

1. h2 {   
2.  border-style: dashed;   
3.  border-width: 3px;   
4.  border-left-width: 10px;   
5.  border-right-width: 10px;   
6.  border-color: red;   
7. }   

设定红色样式为dashed的边框，上下边框宽度为3px，而左右为10px（后面的属性覆盖了前面）。