邊框風(fēng)格樣式屬性border-style
1.none 邊框 （默認(rèn)值）
2.solid 直線邊框
3.dashed 虛線邊框
4.dotted 點(diǎn)狀邊框
5.double 雙線邊框
6.groove 凸槽邊框
7.ridge 壟狀邊框
8.inset inset邊框
9.outset outset邊框
若想要實(shí)現(xiàn)其中邊框的一條邊有屬性陪腌，可以將border-style改為border-top-style（top付翁，bottom楞泼，left，right上下左右）
邊框?qū)挾龋篵order-width
1.細(xì)邊框：thin
2.中等邊框：medium
3.粗邊框：thick
4.固定值邊框：數(shù)字+px
5.繼承：inherit
邊框顏色：border-color
實(shí)例如下：
<style type="text/css">
div{
width: 50px;
height: 50px;
float: left;
margin-right: 10px;
background-color: brown;
border-width:medium;
border-color: #dddddd;
}
.div1{
border-style: solid;
}
.div2{
border-style: dashed;
}
.div3{
border-style: dotted;
}
.div4{
border-style: double;
}
.div5{
border-style: groove;
}
.div6{
border-style:ridge ;
}
.div7{
border-style:inset;
}
.div8{
border-style:outset;
}
</style>
</head>
<body>
<div class="div1">solid</div>
<div class="div2">dashed</div>
<div class="div3">dotted</div>
<div class="div4">double</div>
<div class="div5">凸槽邊框</div>
<div class="div6">壟狀邊框</div>
<div class="div7">inset邊框</div>
<div class="div8">outset邊框</div>
</body>
Screenshot from 2016-12-09 16-26-40.png
