background sprite 精靈技術 也叫雪碧技術


  總結一下經驗

<div style=“float:left; width:120px; padding-left:20px; background:url(ico.png) left top no-repeat”>這裏顯示紅叉</div>   
<div style=“float:left; width:120px; padding-left:20px; background:url(ico.png) left -32px no-repeat”>這裏顯示綠勾</div>   
<div style=“float:left; width:120px; padding-left:20px; background-image:url(ico.png); background-position:left top; background-repeat:no-repeat”>這裏顯示紅叉</div>   
<div style=“float:left; width:120px; padding-left:20px;  background-image:url(ico.png); background-position:0 -32px; background-repeat:no-repeat”>這裏顯示綠勾</div>   


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