css 边框属性

Original 2019-01-24 11:23:59 634
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:边框是盒模型的边界,也是盒模型的几个要素中,最复杂的, 好好学

Release Notes

Popular Entries