CSS设置边框

边框的使用

border可以设置元素的边框。边框有三部分组成：边框宽度(粗细)、边框样式、边框颜色；

语法：

属性	作用
border-width	定义边框粗细，单位是px
border-style	边框的样式
border-color	边框的颜色

边框样式 border-style 可以设置如下值：

• none：没有边框即忽略所有边框的宽度（默认值）
• solid：边框为单实线(最为常用的)
• dashed：边框为虚线
• dotted：边框为点线

边框的合写分写

边框简写：

边框分开写法：

边框会影响盒子实际大小

边框会额外增加盒子的实际大小。因此我们有两种方案解决：

测量盒子大小的时候,不量边框。

如果测量的时候包含了边框,则需要 width/height 减去边框宽度