                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /用字體在網(wǎng)頁(yè)中畫(huà)ICON圖標(biāo)

將圖片以24*40像素進(jìn)行分割，這個(gè)是怎么實(shí)現(xiàn)的？（前端新手，謝謝回答）

就是老師講的這個(gè)圖

03:32

慕粉3809271

2017-01-13

源自：用字體在網(wǎng)頁(yè)中畫(huà)ICON圖標(biāo) 2-2

關(guān)注問(wèn)題我要回答

1772

操作

收起

1 回答

Femon
2017-01-13

width:24px,height:40px,display:block,設(shè)置s標(biāo)簽設(shè)置為一個(gè)寬24像素，高40像素的一個(gè)塊狀元素，再通過(guò)background-position樣式讓整個(gè)背景圖片從0，0位置顯示，這樣第一個(gè)圖標(biāo)就可以正好顯示出來(lái)，s標(biāo)簽類(lèi)似于在背景圖片上做遮罩的效果，而其他圖標(biāo)在寬24像素，高40像素以外，所以你看不到。如果你問(wèn)的是怎么快速準(zhǔn)確設(shè)置輔助線的話，請(qǐng)?jiān)赑S里插件安裝guideguide