<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                

                
    
                
        
                
                            >[success] # 圖標轉換案例

>[danger] ##### 效果
**頁面展示效果**
![](https://box.kancloud.cn/1759c7704efba1dd9192583adff5a211_131x68.png)
**放上鼠標后**：
![](https://box.kancloud.cn/01de919befc92e744764aff28afc1890_132x68.png)

>[danger] ##### 分析：

>圖片高為64，即一個圖片的單個高度為32，所以設置一個67*32的盒子，這樣初始的時候展示的是購物車，在設置鼠標 懸停后的圖片位置，這樣顯示的就是登陸

![](https://box.kancloud.cn/8266c86f0100bf43330c35a41b29475e_579x126.png)

>[danger] ##### 代碼
~~~
<head>
	<title></title>
</head>
	<style type="text/css">
	 a{
	 	display: inline-block;
	 	background: url(110.png);
	 	width: 67px;
	 	height: 28px;
	 }
	 a:hover{
	 	background: url(110.png) bottom;
	 }
	</style>	
<body>
	<a href=""> </a>
</body>
</html>
~~~
                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看