ASCII码 ASCII码

侧导航条联系

发布于:2022-05-10 11:40:51  栏目:技术文档

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <style>
  7. .siderbar{
  8. width: 195px;
  9. border: 1px solid rgb(217,217,217);
  10. font-size: 14px;
  11. }
  12. /*.title{
  13. color: rgb(204,80,90);
  14. background-color:
  15. padding-left: 10px;
  16. }*/
  17. ul{
  18. margin: 0px;
  19. padding:0px;
  20. }
  21. li{
  22. list-style: none;
  23. width: 180px;
  24. height: 30px;
  25. line-height: 30px;
  26. padding-left: 15px;
  27. }
  28. li:hover{
  29. background-color: rgb(217,217,217);
  30. }
  31. a{
  32. text-decoration: none;
  33. color: black;
  34. }
  35. a:hover{
  36. color: #A10000;
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <div class="siderbar">
  42. <ul>
  43. <li><a href="">家用电器</a> </li>
  44. <li><a href="">手机/运营商/数码</a></li>
  45. <li><a href="">手机/运营商</a></li>
  46. <li><a href="">手机/运营商/数码/数码</a></li>
  47. <li><a href="">手机/运营商/数码/数码</a></li>
  48. <li><a href="">手机/运营数码/数码</a></li>
  49. <li><a href="">手机/运营商/数码/数码</a></li>
  50. <li><a href="">手机/运营商/数码</a></li>
  51. <li><a href="">手机/运营商/数码/数码</a></li>
  52. <li><a href="">手机/运营商数</a></li>
  53. <li><a href="">手机/运营商/数码/数码</a></li>
  54. <li><a href="">手机/运营数码/数码数码</a></li>
  55. <li><a href="">运营数码/数码数码</a></li>
  56. <li><a href="">手机/运营商/数码/数码为</a></li>
  57. <li><a href="">手机/运商/数码/数码</a></li>
  58. <li><a href="">手机/运营/数码/数码</a></li>
  59. <li><a href="">手机/运营/数码/数码二手</a></li>
  60. <li><a href="">工业品</a></li>
  61. </ul>
  62. </div>
  63. </body>
  64. </html>
相关推荐
阅读 +