border边框的用法与样式
作者：佚名 时间：2014-03-18
bordr属性
元素的边框有颜色、厚度和样式等元素。可以使用不同的属性来控制元素四面每个边框的这些方面。如果需要，使用简写属性可以很容易地给所有边框定义相同的颜色、厚度和样式。边框属性不能继承，必须为每个有边框的元素都设置这些属性 border-bolor属性
使用border-color属性可设置边框的颜色。如果没有指定，浏览器会用元素的color属性值来绘制边框。
bordr-color属性接受1~4种颜色值。属性值的数量决定了它们如何被应用到边框。如果只包括一个属性值，边框的所有四面都将设置为指定颜色。
两个值则设置上下框为第一值，左右边框为第二值。在三个值中，第一个值是上边框，第二个是左右边框，第三个颜色值是下边框。四个值则指定了每一面的颜色，按上、右、下、左边框的顺时针顺序。 border-width属性
border-width属性允许改变边框的宽度。和border-color属性一样，它接受1~4个值，分别应用到不同的边框上。
除指定长度值外，还可以将边框宽度指定为以下关键字之一：thin、medium或thick。如果宽度没有特别设定，默认值是medium。一些典型的边框宽度是：
border:1px
border:thin thick medium
border:thick 2mm
第一个示例设置所有四个边框为1个像素。第二个示例高定上边框为处thin，左右边框为thick，下边框边medium。最后一个示例设置上下边框为thick，而左右边框是2毫米宽。
如果不想一个属性定义所有四个边框，可以分别使用bordr-top-width、border-bottom-width、border-left-width和border-right-width属性来定义每个边框的宽度。每个属性只能接受一个值，其默认值是mediu border-style属性
根据css模型，可以为HTML边框应用很多修饰。
border-style属性性值包括none(默认)、dotted、dashed、solid、double、groove/ridge/inset和outset。能识别边框样式的浏览器可以把1~4属性值应用到每个边框上。
浏览器在标签背景上绘制直线来表示dotted、dashed、solid和double边框。groove、rideg、inset和outset值则能创建三维边框：groove是一条四进线，ridge是一条凸出线，inset边框可使整个标签区域陷入文档中，而outset边框则使整个标签区域凸出于文档。标签背景图像的最后四个样式，就是三维特性的效果没有定义，其效果取决于浏览器。现在的浏览器都支持三维效果。
