lovecoding
/
VIP33


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    #div1 {
      background-color: red;
      border-style: solid;
      border-width: 5px;
      height: 200px;
      width: 200px;
    }

    p{
      text-indent: 50px;
      text-align: justify;
      letter-spacing: 3px;
    }

    .sp{
      display: block;
      height: 200px;
      width: 200px;
      background-color: yellow;
    }


  </style>
</head>
<!--
  css 使用
    1. 文件内样式
    2. 外部样式
        <link rel="stylesheet" href="demo01.css">
-->
<body>

  <div id="div1" >123</div>

  <p>123</p>
  <p>123</p>
  <p>123</p>
  <p>123</p>
  <p>123</p>

  <span class="sp" >456</span>
  <span class="sp" >456</span>
  <span class="sp" >456</span>
  <span class="sp" >456</span>
  <span class="sp" >456</span>
  <span class="sp" >456</span>
  <span class="sp" >456</span>

  <span >123</span>
  <span >123</span>


</body>
</html>