abstrait:css 邊框設(shè)置的主要屬性為:borderborder-width 指定邊框的寬度border-style 指定邊框的樣式border-color 指定邊框的顏色inherit 指定應(yīng)該從父元素繼承border屬性值可以是:border{color:顏色 **px大小 solid實(shí)線(常用的還有double 雙實(shí)線 dashed 虛
css 邊框設(shè)置的主要屬性為:border
border-width 指定邊框的寬度
border-style 指定邊框的樣式
border-color 指定邊框的顏色
inherit 指定應(yīng)該從父元素繼承border屬性值
可以是:border{color:顏色 **px大小 solid實(shí)線(常用的還有double 雙實(shí)線 dashed 虛線 dotted 點(diǎn)線) }
也可以分別設(shè)置:border-top{} border-right{} border-bottom{} border-left{}
本節(jié)還講到了 設(shè)置邊框圓角屬性:border-radius{**PX 圓角大小} 和邊框陰影屬性:box-shadow{X方向 Y方向 陰影大小 }
案例:
<html>
<head>
<meta charset="utf-8">
<title>css邊框案例</title>
<style type="text/css">
.boxs{
width:300px;
height:200px;
border-top:solid 3px red ;
border-right:double 3px #999 ;
border-bottom:dashed 3px #666 ;
border-left:dotted 3px #333 ;
border-radius:5px ;
box-shadow:12px 8px 15px;
}
</style>
</head>
<body>
<div class=boxs>
</div>
</body>
</html>
Professeur correcteur:天蓬老師Temps de correction:2019-01-24 11:49:36
Résumé du professeur:邊框是盒模型的邊界,也是盒模型的幾個(gè)要素中,最復(fù)雜的, 好好學(xué)