关于border | DataLearnerAI

	<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>

	<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>

DataLearner 官方微信