目的:實現(xiàn)連接中效果http://js.jirengu.com/yeza
- html中創(chuàng)建塊級元素
<div class="logo"></div>
注意引入外部CSS樣式沉衣! - 創(chuàng)建CSS文件
.logo{
width:100px
height:100px
background:url(圖片路徑)
background-size:100px
}
- 創(chuàng)建懸停狀態(tài)
.logo:hover{
background-position: 0 -99px
}
- 在html中引入css樣式
...<style type=text/css>
@import url(CSS路徑及文件名)
</style>
...