關於背景圖片位置的控制!

     頁面上如果有很多小圖標的話,以前我們的做法就是,一個小圖標一張圖片,但是現在我們卻習慣於把這許多小圖片整合成一張圖片,通過控制這一張圖片的位置和大小來獲取相應的小圖片。

 

以搜狐娛樂的背景圖片爲例:

 

 

大家可以試試以下代碼:

 

<div style="background-image:url(http://s.biz.sohu.com/pic_module/images/pic-n-03.gif); background-position:0px -31px; width:30px; height:30px;" ></div>

 

得到的就是第二排第一個圖標。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章