CSS 边框

元素的边框就是围绕元素内容和内边据的一条或多条线。每个边框有 3 个方面：宽度、样式，以及颜色。

边框的样式

border-style 属性设置边框样式。

定义单边样式属性

border-top-style
border-right-style
border-bottom-style
border-left-style

边框的宽度

border-width属性设置

定义单边宽度

照 top，right，bottom，left 的顺序设置元素的各边边框。

比如p {border-style: solid; border-width: 7px 8px 9px 10px;}，top宽为7px，right宽为8px，bottom宽为9px，left宽为10px。

也可以通过下列属性分别设置边框各边的宽度：
border-top-width
border-right-width
border-bottom-width
border-left-width

没有边框

可以设置为border-style: none。

边框的颜色

border-color: 设置。

透明边框

  border-color: transparent;