課程
/前端開發(fā)
/HTML/CSS
/用字體在網(wǎng)頁中畫ICON圖標(biāo)
就是老師講的這個圖
2017-01-13
源自:用字體在網(wǎng)頁中畫ICON圖標(biāo) 2-2
正在回答
width:24px,height:40px,display:block,設(shè)置s標(biāo)簽設(shè)置為一個寬24像素,高40像素的一個塊狀元素,再通過background-position樣式讓整個背景圖片從0,0位置顯示,這樣第一個圖標(biāo)就可以正好顯示出來,s標(biāo)簽類似于在背景圖片上做遮罩的效果,而其他圖標(biāo)在寬24像素,高40像素以外,所以你看不到。如果你問的是怎么快速準(zhǔn)確設(shè)置輔助線的話,請?jiān)赑S里插件安裝guideguide
慕粉3809271 提問者
舉報(bào)
Font+HTML/CSS將會做到,小巧的體積、更快的加載速度
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-01-13
width:24px,height:40px,display:block,設(shè)置s標(biāo)簽設(shè)置為一個寬24像素,高40像素的一個塊狀元素,再通過background-position樣式讓整個背景圖片從0,0位置顯示,這樣第一個圖標(biāo)就可以正好顯示出來,s標(biāo)簽類似于在背景圖片上做遮罩的效果,而其他圖標(biāo)在寬24像素,高40像素以外,所以你看不到。如果你問的是怎么快速準(zhǔn)確設(shè)置輔助線的話,請?jiān)赑S里插件安裝guideguide