|
便民服务CSS实现 |
便民服务CSS实现 |
发布日期:2017-7-18 9:21:00 浏览次数:750次 二维码分享
|
|
.bm_list li{ width:50px; height:54px; float:left; margin-left:20px; margin-top:12px; display:inline;}
.bm_list li .bm_1{ display:block; background:url(../images/bm1.png) no-repeat center; height:29px;}
.bm_list li .bm_2{ display:block; background:url(../images/bm2.png) no-repeat center; height:29px;}
.bm_list li .bm_3{ display:block; background:url(../images/bm3.png) no-repeat center; height:29px;}
.bm_list li .bm_4{ display:block; background:url(../images/bm4.png) no-repeat center; height:29px;}
.bm_list li .bm_5{ display:block; background:url(../images/bm5.png) no-repeat center; height:29px;}
.bm_list li .bm_6{ display:block; background:url(../images/bm6.png) no-repeat center; height:29px;}
.bm_list li .bm_7{ display:block; background:url(../images/bm7.png) no-repeat center; height:29px;}
.bm_list li .bm_8{ display:block; background:url(../images/bm8.png) no-repeat center; height:29px;}
.bm_list li .bm_9{ display:block; background:url(../images/bm9.png) no-repeat center; height:29px;}
.bm_list li a{ display:block; width:50px; text-align:center; line-height:25px;}
<div class="infor_con bm_con">
<ul class="bm_list">
<li><a target="_blank" href="http://www.weather.com.cn/hebei/handan/index.shtml"><span class="bm_1"></span>天气查询</a></li>
<li><a target="_blank" href="http://site.baidu.com/list/wannianli.htm"><span class="bm_2"></span>万年历</a></li>
<li><a target="_blank" href="http://www.pm25.com/handan.html"><span class="bm_3"></span>空气质量</a></li>
<li><a target="_blank" href="http://handan.cncn.com/jingdian/"><span class="bm_4"></span>旅游景点</a></li>
<li><a target="_blank" href="http://0310.weizhangwang.com/"><span class="bm_5"></span>违章查询</a></li>
<li><a target="_blank" href="http://tv.cntv.cn/"><span class="bm_6"></span>电视节目</a></li>
<li><a target="_blank" href="http://www.hd.gov.cn/wsfw/bmfw/bmcx/t20070531_94660.htm"><span class="bm_7"></span>常用电话</a></li>
<li><a target="_blank" href="http://www.qunar.com/"><span class="bm_8"></span>航班时刻</a></li>
<li><a target="_blank" href="http://www.huoche.com.cn/"><span class="bm_9"></span>列车时刻</a></li>
</ul>
</div>
|
作者:邯郸网站制作 |
上一条: 带数字序号的最新新闻
|
来源:互联网 |
下一条: 怎么写IF判断语句,当新闻是5的倍数的时候新闻字体加粗,应该怎么写呢?
|
|
|