上一篇刚跟大家讲CSS模型的基本概念，这一章就为大家介绍下css模型中的边框的基本知识，详细内容请看下面的介绍。
边框（border）是围绕内容及内边距的一条或是多条线，一般用于分隔不同的元素，在计算元素的实际宽和高时，我们需将border设置的值计算进去。对于边框我们可以设置其颜色（color）、宽度（width）、样式（style）这3个属性，而相对应的CSS设置边框属性分别为：border-color、border-width、border-style。下面我们将对其这三个属性进行分别介绍。
border-color：设置边框的颜色，一共可以设置256^3种颜色，通常情况下设置为十六进制的值，当然也可以以颜色名称设置。
border-width：设置边框的粗细程度，设置值有thin、medium、thick和具体数值，一般默认设置值是medium，既2px宽。
border-style：设置边框的显示样式，可以设置为none、hidden、dotted、dashed、solid、double、groove、inset、outset。具体的显示样式大家可以自己动手去调试下，这里就不一一列举了。
提示：如果你想边框能够得到正确的显示，你必须将这3个属性较好地的配合起来。
关于这三个属性你可以在border一起设置，也可以分别使用其相对应的CSS边框属性来设置。对于边框的基础知识phplife.net就介绍到这了，如果你觉得还有什么重要的信息遗落，可以在评论中说明。
CSS盒子模型–边框（border）