ASCII码 ASCII码

学习猿地列表标签练习作业

发布于：2022-05-11 16:39:43  栏目：技术文档

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>列表标签</title>
  7.     <style>
  8.         *{
  9.             color: rgb(236,30,145 );
  10.         }
  11.         h1{
  12.             text-align: center;
  13.         }
  14.         div{
  15.             width: 480px;
  16.             height: 480px;
  17.             margin: auto;
  18.         }
  19.         div>ul>li{
  20.             width: 480px;
  21.             height: 50px;
  22.             border-top: 1px solid #ccc;
  23.             font-size: 14px;
  24.             line-height: 50px;
  25.             font-weight: normal;
  26.             list-style: inside  url('./img/bb.png')
  27.         }
  28.         li>a{
  29.             text-decoration: none;
  30.         }
  31.     </style>
  32. </head>
  33. <body>
  34.     <div>
  35.         <h1>学习猿地</h1>
  36.         <ul>
  37.             <li style="border-top: 2px solid #000;"><a href="#">老师都是大型互联网公司的总监级以上职位，名校毕业，老司机</a></li>
  38.             <li><a href="#">课程是最全的，有这一套精品，不需要再找任何其他学习资料弥补</a></li>
  39.             <li><a href="#">集中精力在这一套全栈课程中，做好每一节课，不断迭代打造精品</a>  </li>
  40.             <li><a href="#">课程以项目贯穿式讲解需要的技术，知其然知其所以然</a></li>
  41.             <li><a href="#">课程是专为零基础到精通的目标设计，有基础的可选择内容学习</a></li>
  42.             <li><a href="#">学习系统模拟面授的过程，通关式学习效果却超过面授几倍</a></li>
  43.             <li><a href="#">服务好，有大牛指导，有同学互动，有全面的资料下载</a></li>
  44.             <li><a href="#">最好的课程价格却是行业最低的，低几倍甚至几十倍</a></li>
  45.         </ul>
  46.     </div>
  47. </body>
  48. </html>
相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行