zoukankan      html  css  js  c++  java
  • 一种给力的带背景的超链接的写法

    该写法源自:http://sg.8864.com/

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html  xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <style type="text/css">
    
    *{ margin:0px; padding:0px; border:0 none; }
    
    .menu{504px;height:90px;background:url(./bj_2.jpg) no-repeat -200px 0;float:right;}
    
    .menu a{display:block;126px;height:90px;float:left;background:url(./bj_2.jpg) no-repeat;}
    
    .menu a.a_1{background-position:-200px 0;}
    .menu a.a_1:hover{background-position:-704px 0;}
    
    .menu a.a_2{background-position:-326px 0;}
    .menu a.a_2:hover{background-position:-830px 0;}
    
    .menu a.a_3{background-position:-452px 0;}
    .menu a.a_3:hover{background-position:-956px 0;}
    
    .menu a.a_4{background-position:-578px 0;}
    .menu a.a_4:hover{background-position:-1082px 0;}
    
    </style>
    
    </head>
    
    <body>
    
    	<div class="menu">
    		<a class="a_1" ></a>
    		<a class="a_2" ></a>
    		<a class="a_3" ></a>
    		<a class="a_4" ></a>
    	</div>
    
    </body>
    
    </html>
    
  • 相关阅读:
    stm32串口通讯
    Java中日期处理
    Java中synchronized同步的理解
    由代理模式到AOP的实例分析
    基数排序(RadixSort)
    桶排序(BucketSort)
    计数排序
    快速排序
    6.5 k个已排好序链表合并为一个排序链表
    优先队列 (堆实现)
  • 原文地址:https://www.cnblogs.com/ribavnu/p/3476827.html
Copyright © 2011-2022 走看看