abstract:css 边框设置的主要属性为:borderborder-width 指定边框的宽度border-style 指定边框的样式border-color 指定边框的颜色inherit 指定应该从父元素继承border属性值可以是:border{color:颜色 **px大小 solid实线(常用的还有double 双实线 dashed 虚
css 边框设置的主要属性为:border
border-width 指定边框的宽度
border-style 指定边框的样式
border-color 指定边框的颜色
inherit 指定应该从父元素继承border属性值
可以是:border{color:颜色 **px大小 solid实线(常用的还有double 双实线 dashed 虚线 dotted 点线) }
也可以分别设置:border-top{} border-right{} border-bottom{} border-left{}
本节还讲到了 设置边框圆角属性: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:边框是盒模型的边界,也是盒模型的几个要素中,最复杂的, 好好学