简洁版小米侧边栏案例.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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. <style>
  8. a {
  9. width: 230px;
  10. height: 40px;
  11. line-height: 40px;
  12. background-color: #535758;
  13. display: block;
  14. text-decoration: none;
  15. color: #EBFDFF;
  16. font-size: 14px;
  17. padding: 5px 0 0 15px;
  18. }
  19. a:hover {
  20. color: #FFF2DA;
  21. background-color: #FE6700;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="camelCase">
  27. <a href="#">手机 电话卡</a>
  28. <a href="#">电视 盒子</a>
  29. <a href="#">笔记本 平板</a>
  30. <a href="#">家电 插线板</a>
  31. <a href="#">出行 穿戴</a>
  32. <a href="#">智能 路由器</a>
  33. <a href="#">电源 配件</a>
  34. <a href="#">健康 儿率</a>
  35. <a href="#">耳机 音箱</a>
  36. <a href="#">生活 箱包</a>
  37. </div>
  38. </body>
  39. </html>