列图定位显示

最新推荐文章于 2013-12-17 14:40:12 发布

zelda002

最新推荐文章于 2013-12-17 14:40:12 发布

阅读量791

点赞数

分类专栏： Html Css

本文链接：https://blog.csdn.net/zelda002/article/details/17374959

版权

Html 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

Css

6 篇文章 0 订阅

订阅专栏

<body>
<style>
ul,li{margin:0;padding:0;list-style-type:none;border:0;font-size:12px;color:#333;}

.ico ul li a.link_1,.ico ul li a.link_2,.ico ul li a.link_1:hover,.ico ul li a.link_2:hover{background:url(images/result.png) no-repeat 30px 29px;height:42px;width:117px; display:inline-block;border:1px solid #ccc;padding:29px 30px;}
.ico ul li a.link_1{ background-position:30px 29px;}
.ico ul li a.link_1:hover{ background-position:30px -73px;}
.ico ul li a.link_2{ background-position:30px -172px;}
.ico ul li a.link_2:hover{ background-position:30px -274px;}
</style>
<div class="ico">
   <ul>
       <li>
           <a class="link_1" href="#"></a>
           <a class="link_2" href="#"></a>
       </li>
   </ul>
</div>
</body>