关于border

关于border

标签：#关于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>

相关博客

最热博客