CSS边框控制

原创 2018-11-19 09:14:22 132
摘要:<!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <title>第三课</title>   
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>第三课</title>
    <style media="screen">
      .box,.box_1,.box_2,.box_3,.box_4{width:100px; height:100px;margin:10px 0 10px;}
      .box{border:1px solid #ccc; }
      .box_1{border:1px double #ccc;}
      .box_2{border:1px dashed #ccc;}
      .box_3{border:1px dotted #ccc;}
      .box_4{border:1px solid #ccc;border-radius:10px;}
      button{border:none;width:100px;height:30px;}
    </style>
  </head>
  <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <button>登陆</button>
  </body>
</html>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>第三课</title>
    <style media="screen">
      .box,.box_1,.box_2,.box_3,.box_4{width:100px; height:100px;margin:10px 0 10px;}
      .box{border:1px solid #ccc; }
      .box_1{border:1px double #ccc;}
      .box_2{border:1px dashed #ccc;}
      .box_3{border:1px dotted #ccc;}
      .box_4{border:1px solid #ccc;border-radius:10px;}
      button{border:none;width:100px;height:30px;}
    </style>
  </head>
  <body>
    <div class="box"></div>
    <div class="box_1"></div>
    <div class="box_2"></div>
    <div class="box_3"></div>
    <div class="box_4"></div>
    <button>登陆</button>
  </body>
</html>


批改老师:灭绝师太批改时间:2018-11-19 09:16:55
老师总结:刚开始学习的话还是要记一下 备注清楚,标签属性的用法

发布手记

热门词条