css闲来无事一段代码

作者: nickNic | 来源:发表于2019-07-12 16:05 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>闲来无事一段代码</title>
 <style type="text/css">

   body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
   {
     margin:0;padding:0
   }

   div
   {
     width: 372px;
     height: 232px;
     border: 1px solid #666666;
     margin: 0px auto;
     box-sizing: border-box;
     padding: 15px;
   }

   h2
   {
     font-family:"微软雅黑";
     font-size: 18px;
     padding-bottom: 10px;
     border-bottom: 1px solid #666666;
     margin-bottom: 10px;
   }

   span
   {
     font-size: 14px;
   }

   p{
     padding-left: 20px;
     padding-right: 20px;
     border-bottom: 1px dashed #666666;
     height: 30px;
     font-size: 12px;
     font-family:"微软雅黑";
     color: #242424;
     line-height: 30px;
   }

</style>

</head>
<body>

<div>
  <h2>
  伟大领袖<span>嘿嘿</span>
  </h2>
  <p>访华</p>
  <p>访美</p>
  <p>访全球</p>
  <p>访世界</p>
  <p>访宇宙</p>
</div>

</body>
</html>