转载分享:关于博客右边栏多彩菜单的代码

2017-11-22 春哥姓梅 学习笔记

这是一段简单的css,也记不清在哪个博客上面看到的,觉得后面自己可能会用到,就做个保留。需要用到的网友也可直接复制粘贴使用!!!

<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>
<style type="text/css">
.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>

 有人留言要测试图样、如下图

代码显示图:

微信截图_20171216180451.png

(文字分类信息可自行编辑)

来自转载

标签: 博客多彩菜单代码

评论:

鳄鱼皮具
2018-01-05 14:19
了解,很好
春哥姓梅
2018-01-05 15:16
@鳄鱼皮具:能用就行
点击广告联盟
2017-12-26 09:11
哇,这个果断收藏,对了是不是自适应的,我下去测试一下。
信阳-春哥姓梅
2017-12-26 11:35
@点击广告联盟:嗯嗯,用的时候方便一些。我也不知道是不是,我目前还没用到。
明月登楼
2017-12-17 16:55
我记得鸟哥主题上分享过这个方法!以前还用过呢!
信阳春哥
2017-12-17 17:06
@明月登楼:嗯嗯,记得之前好多都有分享;14年的时候有用过
明月清风
2017-12-17 08:38
这个可以搞一搞
信阳春哥
2017-12-17 11:32
@明月清风:欢迎测试
钟水洲博客
2017-12-16 19:12
来踩一踩贵站
信阳春哥
2017-12-16 19:56
@钟水洲博客:欢迎欢迎、常来
煮只鸡
2017-12-16 19:05
记得很久之前就来访过贵博客,春熙路,这个名字,很熟。
信阳春哥
2017-12-16 19:55
@煮只鸡:哈哈~~~常来就更熟了
一艘大轮船
2017-12-15 23:03
我之前也是用的emlog
信阳春哥
2017-12-16 13:12
@一艘大轮船:方式简单
老张家茶
2017-12-09 14:44
那条路上,春哥依然在!
信阳春哥
2017-12-10 13:11
@老张家茶:还在,也是信阳的?

发表评论:


wmzz.png

Copyright © 2015

豫ICP备15008704号/广告合作/百度统计/sitemap/家人/春熙路正常运行

赞助:攀升兄弟旗舰店|伊芙丽官方旗舰店|袋鼠妈妈旗舰店|金丝玉帛旗舰店|颜域旗舰店|sf999发布网