CSS盒模型

border:2px  solid  red; //边框宽度  边框样式   边框颜色 <同时设置> 

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

1、border-style（边框样式）常见样式有：   dashed（虚线）| dotted（点线）| solid（实线）。

2、border-color（边框颜色）中的颜色可设置为十六进制颜色，   如:border-color:#888 

3、border-width（边框宽度）中的宽度也可以设置为：    thin | medium | thick（但不是很常用），最常还是用象素（px）

css内定义的宽（width）和高（height），指的是填充以里的内容范围。

元素内容与边框之间是可以设置距离的，称之为“填充”padding-top   padding-right  padding-bottom   padding-left

元素与其它元素之间的距离可以使用边界（margin）来设置    margin-top  margin-right  margin-bottom  margin-left

元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

元素的实际长度为：10px+1px+20px+200px+20px+1px+10px=262px