效果如下：
先将增强文本小工具拖进侧边栏中，然后将下面的粘贴进去：
- <div class="colorbar-box">
- <ul class="colorbar">
- <li><a href="链接地址" target="_blank" style="background-color:#ff3030;">我是文字</a></li>
- <li><a href="链接地址" target="_blank" style="background-color:#428BCA;">我是文字</a></li>
- <li><a href="链接地址" target="_blank" style="background-color:#e84266;">我是文字</a></li>
- <li><a href="链接地址" target="_blank" style="background-color:#91c24f;">我是文字</a></li>
- <li><a href="链接地址" target="_blank" style="background-color:#f49800;">我是文字</a></li>
- </ul>
- </div>
- <style type="text/css">
- .colorbar-box ul {
- padding: 0;
- }
- .colorbar li {
- width: 100% !important;
- }
- .colorbar li a {
- color: #fff;
- line-height: 40px;
- display: block;
- width: 100%;
- text-align: center;
- }
- .colorbar li a:hover {
- opacity: 0.8;
- }
- </style>
自行修改其中的文字及链接。