边框是网页布局中一个最活跃的分子，网页中很多修饰性线条都是由边框来实现的。元素的边框具有下面四个特征：
·每个元素都包含4个方向上的边框，如border-top（顶边）、border-right（右边）、border-bottom（底边）和border-let~（左边）。你可以单独定义它们的属性，单独定义时需要选用上面4个属性。也可以使用border属性统一定义边框显示效果。
·可独立定义边框的宽度，如border-width、border-top-width、border-fight-width、border-bottom-id伍和border-left-widt。也可以使用border-width属性统一定义边框的宽度。
·可独立定义边框的颜色，如border-color, border-top-color、border-fight-color、border-bottom-olor和border-left-color。也可以使用border-color属性统一定义边框的颜色。
·独立定义边框的样式，如border-style、border-top-style、border-fight-style、border-bottom-style和border-let~-style。也可以使用border-style属性统一定义边框的样式。元素的背景与边框有着某种特殊的关系。
根据CSS规则，元素的背景会在边框的外边缘结束，由于我们平时所见的边框都比较细小，且多为实线，所以就察觉不到背景深入到边框的外边缘。过目前浏览器对此解释还存在争议。 下面看一个示例，为方便观看，我们设置div元素的样式代：码如下：认状态下，边框的宽度为medium（中型），这是一个相对宽度，通常为2"-'3像素。但我们在设计中看不见这个边框，原因是边框样式默认值为none，即隐藏了它的显示，隐藏了边框显示实际上就等于边框为0。边框默认颜色为前景色，即元素中包含文本的颜色，如果没有文字，则将继承上级元素所包含的文本颜色。天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收，天津网站制作
定义边框的宽度有多种方法。
第一，直接在属性后面指定宽度值。医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
第二，使用关键字，；如thin、，、medium和thick。这几个关键字没有固定的宽度，它们之间的关系是：thick LC medium宽，而medium Lk thin宽。不同浏览器对此解析的宽度值也不同，：有的解析为5px, 3px, 2px，有的解析为3px, 2px, lpx。
第三单独为元素的某条边设置宽度，可以使用border-top-width(顶边框宽度，、border-right-width（右边框宽度）、border- bottom-width（底边框宽度）和border-left-width（左边框宽度）。
第四，，使用border-width属性快速定义边框宽度，例如：当定义边框时，必须要定义边框的显示样式。由于边框默认样式为none，即不显示，所以仅设置边框的宽度，由于样式不存在，边框宽度也自动被清除为0，请牢记这一点。有时我们为元素设置边框宽鹰度后，却看不到效果，原因就在于此。很多设计师由于疏忽这点也曾碰壁过无数次。