列图定位显示

来源:互联网 发布:成都软件学校 编辑:程序博客网 时间:2024/04/20 13:50
<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>
0 0