Blogger Information
Blog 6
fans 0
comment 0
visits 4111
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
学习猿地列表标签练习作业
寒夏
Original
533 people have browsed it

  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>
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post