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>
相关推荐
阅读 +