css---边框+轮廓+外边距+填充属性

边框

指定要显示什么样的边界

border-style属性用来定义边框的样式

默认为none无边框。

还有dotted（点线边框）dashed（虚线边框）solid（实线边框）double（两个边框）

边框宽度

可以通过boder-width属性为边框指定宽度。

为边框指定宽度有两种办法：可以指定长度值 2px或0.1em等，或者使用3个关键字之一（thick、medium（默认值）、thin）

边框颜色

boder-color属性设置边框颜色。

name：指定的颜色名称，如red

RGB：指定的RGB值，如rgb(255,0,0)

Hex ：指定的16进制值  如#ff0000

注意：boder-color属性单独使用不起作用，要先使用boder-style来规定边界样式

还可以设置边框的颜色为"transparent"，边框颜色变为透明。

css边框属性

boder 

boder-style

boder-width

boder-color

boder-bottom

boder-bottom-color

boder-bottom-style

boder-bottom-width

boder-left

boder-left-style

.........

border-style：属性1，属性2，属性3，属性4

上->右->下->左

border-style：属性1，属性2，属性3

上->左右->下

border-style：属性1，属性2

上下->左右

border-style：属性1

上下左右属性相同

---

轮廓（outline）

绘制元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

ouline 简写属性，写入所有的轮廓属性

outline-color 设置轮廓的颜色

outline-style 设置轮廓的样式

outline-width 设置轮廓的宽度

---

margin（外边距）

可以清除周围的外边框元素区域，margin没有背景颜色，是完全透明的

可能设置的值：

auto----设置浏览器边距

length---使用px em等设置

%---定义一个百分比的边距

所有的css边距属性

margin

margin-top

margin-bottom

margin-left

margin-right

---

填充padding

定义元素边框于元内容之间的空间，即上下左右的内边距。

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;