abstract:css 邊框設(shè)置的主要屬性為:borderborder-width 指定邊框的寬度border-style 指定邊框的樣式border-color 指定邊框的顏色inherit 指定應該從父元素繼承border屬性值可以是:border{color:顏色 **px大小 solid實線(常用的還有double 雙實線 dashed 虛
css 邊框設(shè)置的主要屬性為:border
border-width 指定邊框的寬度
border-style 指定邊框的樣式
border-color 指定邊框的顏色
inherit 指定應該從父元素繼承border屬性值
可以是:border{color:顏色 **px大小 solid實線(常用的還有double 雙實線 dashed 虛線 dotted 點線) }
也可以分別設(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>
Correcting teacher:天蓬老師Correction time:2019-01-24 11:49:36
Teacher's summary:邊框是盒模型的邊界,也是盒模型的幾個要素中,最復雜的, 好好學