search

博客列表 >作业-列表

作业-列表

晓文
晓文原创
2022年05月07日 23:03:36499浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>列表</title>
  6.     <style>
  7.         body{
  8.             padding: 10px 0 10px 0; margin:0; font-family: "黑体 Light";
  9.         }
  10.         .page-main{
  11.             width:800px; height: auto; overflow: hidden; margin: 0 auto;
  12.         }
  13.         .title{
  14.             width:100%; height: 60px; line-height: 60px; text-align: center; color: #EB118B; font-size: 24px; font-weight: bold;
  15.         }
  16.         .space{
  17.             height:2px; background-color: #7F7F7F; margin-top: 20px;
  18.         }
  19.         ul{
  20.             width:100%; padding: 0;
  21.         }
  22.         ul li{
  23.             list-style-image: url('https://img.php.cn/upload/image/900/686/940/1651935706338164.png'); width: 100%; border-bottom: 1px solid #E1E1E1; height: 42px; line-height: 42px; text-align: left; font-size: 14px;
  24.             list-style-position: inside;
  25.         }
  26.         ul li a{
  27.             color:#EB1A90; text-decoration: none;
  28.         }
  29.         ul li:last-child{
  30.             border-bottom: none;
  31.         }
  32.     </style>
  33. </head>
  34. <body>
  35.     <div class="page-main">
  36.         <div class="title">
  37.             学习猿地
  38.         </div>
  39.         <hr class="space" />
  40.         <ul>
  41.             <li>
  42.                 <a href="#">这个是列表标题!~</a>
  43.             </li>
  44.             <li>
  45.                 <a href="#">这个是列表标题!~</a>
  46.             </li>
  47.             <li>
  48.                 <a href="#">这个是列表标题!~</a>
  49.             </li>
  50.             <li>
  51.                 <a href="#">这个是列表标题!~</a>
  52.             </li>
  53.             <li>
  54.                 <a href="#">这个是列表标题!~</a>
  55.             </li>
  56.             <li>
  57.                 <a href="#">这个是列表标题!~</a>
  58.             </li>
  59.             <li>
  60.                 <a href="#">这个是列表标题!~</a>
  61.             </li>
  62.             <li>
  63.                 <a href="#">这个是列表标题!~</a>
  64.             </li>
  65.             <li>
  66.                 <a href="#">这个是列表标题!~</a>
  67.             </li>
  68.         </ul>
  69.     </div>
  70. </body>
  71. </html>
上一条：作业-左侧菜单下一条：作业-个人简历
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议