边框可以运用到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设定边框颜色。
- h2 {
- border-style: dashed;
- border-width: 3px;
- border-left-width: 10px;
- border-right-width: 10px;
- border-color: red;
- }
设定红色样式为dashed的边框，上下边框宽度为3px，而左右为10px（后面的属性覆盖了前面）。
边框宽度[border-width]
边框宽度由CSS属性border-width定义，其值可以是“thin”（薄）、“medium”（普通）或 “thick”（厚）等，也可以是像素值。
边框颜色[border-color]
CSS属性border-color用于定义边框的颜色。其值就是正常的颜色值，例如：“#123456”、 “rgb(123,123,123)”、“yellow”等。
边框样式[border-style]
边框样式有多种可供选择。下图显示了8种不同样式的边框在Internet Explorer 5.5里的实际显示效果。在这个例子里，我们为这8种边框都选择了“金色（gold）”作为边框颜色、“厚(thick)”作为边框宽度。当然，这只是个例子，你可以为边框设置别的颜色和厚度。
如果你不想有任何边框，可以为它取值为“none”或者“hidden”。
我们可以将上面三个有关边框的CSS属性组合起来使用，从而制造出多种多样的变化。来举个例子，我们要为一个文档中的h1、h2、ul和p等元素分别定义不同的边框。尽管其显示效果也许并不那么美观，但是它很好地向你展示了多种变化的可能：
- h1 {
- border-width: thick;
- border-style: dotted;
- border-color:gold;
- }
- h2 {
- border-width: 20px;
- border-style: outset;
- border-color: red;
- }
- p {
- border-width: 1px;
- border-style: dashed;
- border-color: blue;
- }
- ul {
- border-width: thin;
- border-style: solid;
- border-color: orange;
- }
在结束之前再次推荐大家在取消页面元素边框的时候，尽量选择border:0 none;避免出现一些不必要的问题。顺带提示一下，在IE Developer Toolbar中右下角的那个复选框大家在测试的时候可以将其勾选，可以看到更多的默认样式值。
