标签：#关于border#
时间：2018/10/08 21:47:44
作者：Shino
<style type="text/css" media="screen">
/*border 边框 有三个要素：粗细，线型，颜色.
颜色如果不写默认是黑色*/
div{
width: 200px;
height: 200px;
background-color: red;
}
div{
border: 5px solid red;
}/*线型常用的有：solid实线，dashed虚线，dotted点线*/
/*border是一个大综合属性，能够被拆开*/
/*①按要素*/
div{
border-width: 5px
border-style:solid;
border-color: red;
} /*如果某个要素有多个属性用空格隔开 那么按照上右下左的顺序以此赋予属性*/
/*②按方向*/
div{
border-top:5px solid red;
border-right:5px solid red;
border-bottom:5px solid red;
border-left:5px solid red;
}/*按方向的语句还能再拆一层 将每个方向继续拆分成三个要素 一个边框可以拆分出12条属性*/
/*同样的 一般描述边框都是先固定一个大属性 然后用小属性层叠大属性*/
/*border可以没有 border:none;*/
</style>
</head>
<body>
<div></div>
</body>
