border知识点

1》border语法

1)四个边框

border-top：设置上边框

border-right：设置右边框

border-bottom：设置下边框

border-left：设置左边框

四边相同的边框：border:1px #ccc solid;

2)边框的三个样式

1>边框宽度border-width:1px;

使用数字+单位设置，不支持百分比，必须为正数（大于0的数值，否则border样式无效）

2>边框颜色border-color

border-color的默认颜色，那么将取元素内容的文本颜色做默认颜色（即color的颜色）

div{width:100px;height:100px;background:red;border:4px solid;color:yellow;}

<div></div>

3>边框样式border-style

solid：实线边框

dashed：虚线

dotted：点线

none：无边框，与任何指定的border-width值无关

double：双边框，两条单线与其间隔的和等于指定的border-width