CSS边框线型

07-边框线条

边框用border属性来表示，边框共有三个属性，分别为border-width:边框宽度，border-color：边框颜色，border-style：边框的线条类型，本文主要说边框的线条类型

属性值	描述
solid	实线
dotted	点线
dashed	虚线
double	双线条
groove	3D沟槽边框，样式取决于颜色
ridge	3D脊边框 ---取决于颜色
inset	3D的嵌入边框
outset	3D突出边框

01--实线

实线还是挺常用的一个属性值
/* 实线		 */
.solid{
	border: 1px solid red
}

02-点线

/* 点线 */
.dotted{
	border: 2px dotted aliceblue;
}

03-虚线

/* 虚线 */
.dashed{
    border: 2px dashed red;
}

04-双线条

.double{
    border: 2px double red;
}

05-3D沟槽边框

/* 3D沟槽边框 ---取决于颜色*/
.groove{
	border: 20px groove greenyellow;
}

06-3D脊边框

/* 3D脊边框 ---取决于颜色*/
.ridge{
    border: 20px ridge greenyellow;
}

07-3D的嵌入边框

/* 3D的嵌入边框 */
.inset{
    border: 20px inset #ADFF2F;
}

08-3D突出边框

.outset{
    border: 20px outset #ADFF2F;
}