登录站点后台 >> 外观 >> 小工具 >> 将『文本』小工具添加到指定侧边栏中，加入下面代码。

代码

  1. <ul class=“colorbar”>
  2. <li><a href=“链接地址” target=“_blank” style=“background-color:#ff3030;”>我是文字</a></li>
  3. <li><a href=“链接地址” target=“_blank” style=“background-color:#428BCA;”>我是文字</a></li>
  4. <li><a href=“链接地址” target=“_blank” style=“background-color:#e84266;”>我是文字</a></li>
  5. <li><a href=“链接地址” target=“_blank” style=“background-color:#91c24f;”>我是文字</a></li>
  6. <li><a href=“链接地址” target=“_blank” style=“background-color:#f49800;”>我是文字</a></li>
  7. </ul>
  8. <style type=“text/css”>
  9. .colorbar li {
  10.     width: 100% !important;
  11. }
  12. .colorbar li a {
  13.     color: #fff;
  14.     line-height: 40px;
  15.     display: block;
  16.     width: 100%;
  17.     text-align: center;
  18. }
  19. .colorbar li a:hover {
  20.     opacity: 0.8;
  21. }
  22. </style>

效果图

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系贝贝进行处理。
本站默认解压密码：www.hibbba.com