在CSS中,你可以使用多種方法來讓圖標(biāo)變小,這里有幾個常見的方法:
1、使用font-size屬性:
如果你使用的是字體圖標(biāo)(如Font Awesome),可以通過調(diào)整font-size
屬性來縮小圖標(biāo)的大小,將font-size
設(shè)置為12px
可以將圖標(biāo)縮小到原來的60%
。
.icon { font-size: 12px; }
2、使用transform屬性:
可以使用transform
屬性來縮放圖標(biāo),無論是字體圖標(biāo)還是圖像圖標(biāo),通過scale()
函數(shù)可以縮小或放大圖標(biāo)的大小。
.icon { transform: scale(0.6); }
3、使用width和height屬性:
如果你使用的是圖像圖標(biāo),可以通過調(diào)整width
和height
屬性來縮小圖標(biāo)的大小,這種方法適用于所有類型的圖像,包括SVG和PNG。
.icon { width: 20px; height: 20px; }
4、使用filter屬性:
可以使用filter
屬性來縮小圖標(biāo)的大小,這種方法適用于所有類型的圖像,包括SVG和PNG,通過drop-shadow()
函數(shù)可以縮小圖標(biāo)的大小。
.icon { filter: drop-shadow(0 0 10px #000) scale(0.6); }
是一些常見的方法,你可以根據(jù)自己的需求選擇適合的方法,如果你使用的是其他類型的圖標(biāo),可以參考相應(yīng)的文檔或示例來獲取更具體的方法。