demo1.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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>Document</title>
  7. <link rel="stylesheet" href="./demo1.css">
  8. </head>
  9. <body>
  10. <div class="box">
  11. <div class="main">
  12. <!-- 第一个小盒子 -->
  13. <div class="head">
  14. <span>出行风向标</span>
  15. <span>更多>></span>
  16. </div>
  17. <!-- 第二个盒子 -->
  18. <div class="list">
  19. <p class="title">节日独享:<span>在他乡过大年,体验别致年味</span></p>
  20. <p class="word">
  21. 距离春节愈来愈近了,过年的气息已经在空气中开始弥漫。辛勤忙碌了一年,想给自己放个假,匆忙不玩的工作生活中解脱出来
  22. </p>
  23. <ul type="square">
  24. <li><a href="">深度出游:<span>验客20000元奖金,寻找最会泡的人</span></a></li>
  25. <li><a href="">深度出游:<span>验客20000元奖金,寻找最会泡的人</span></a></li>
  26. <li><a href="">深度出游:<span>验客20000元奖金,寻找最会泡的人</span></a></li>
  27. </ul>
  28. </div>
  29. <!-- 第三个盒子 -->
  30. <div class="list">
  31. <p class="title">节日独享:<span>在他乡过大年,体验别致年味</span></p>
  32. <p class="word">
  33. 距离春节愈来愈近了,过年的气息已经在空气中开始弥漫。辛勤忙碌了一年,想给自己放个假,匆忙不玩的工作生活中解脱出来
  34. </p>
  35. <ul type="square">
  36. <li><a href="">深度出游:<span>验客20000元奖金,寻找最会泡的人</span></a></li>
  37. <li><a href="">深度出游:<span>验客20000元奖金,寻找最会泡的人</span></a></li>
  38. <li><a href="">深度出游:<span>验客20000元奖金,寻找最会泡的人</span></a></li>
  39. </ul>
  40. </div>
  41. <!-- 第四个盒子 -->
  42. <div class="advertising">
  43. <img src="./images/1.jpg" alt="">
  44. </div>
  45. </div>
  46. </div>
  47. </body>
  48. </html>