1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>学习猿地</title>
  6.     <style>
  7.         .title{
  8.             border-bottom: 3px solid black;
  9.             padding-bottom: 22px;
  10.             text-align: center;
  11.             font-size: 45px;
  12.             font-weight: bold;
  13.             color: purple;
  14.             width:523px;
  15.             margin-left: 28px;
  17.         }
  18.         .content{
  19.             padding-left: 50px;
  20.         }
  21.         ul{
  22.             margin: 0px;
  23.             padding: 0px;
  24.             width: 523px;
  25.             margin-left: 27px;
  26.         }
  27.         li{
  28.             list-style: url("img/aaaa.png") inside;
  29.             border-bottom: 1px solid #ababab;
  30.             height: 45px;
  31.             line-height: 45px;
  32.         }
  33.     </style>
  34. </head>
  35. <body>
  36.     <div class="content">
  37.         <header class="title">学习猿地</header>
  38.         <ul>
  39.             <li>测试测试测试测试测试测试测试测试测试，测试测试，测试</li>
  40.             <li>测试测试测试测试测试测试测试测试测试，测试测试测试测试测</li>
  41.             <li>测试测试测试测试测试测试测试测试测试，测试测试测试测试测测试</li>
  42.             <li>测试测试测试测试测试测试测试测试测试，测试测试测试</li>
  43.             <li>测试测试测试测试测试测试测试测试测试，测试测试测试测试测</li>
  44.             <li>测试测试测试测试测试测试测试测试测试，测试测试测试</li>
  45.             <li>测试测试测试测试测试测试测试测试测试，测试测试测试地洒的</li>
  46.             <li>测试测试测试测试测试，测试测试测试测试测试测试测试</li>
  47.         </ul>
  48.     </div>
  49. </body>
  50. </html>