CSS代碼中的小圖標通常用于美化網頁或者作為界面元素,方便用戶操作。以下是一些常用的小圖標以及它們的CSS代碼:
.icon-search { /* 搜索圖標 */ background: url('../images/icon-search.png') no-repeat center center; width: 20px; height: 20px; } .icon-home { /* 主頁圖標 */ background: url('../images/icon-home.png') no-repeat center center; width: 30px; height: 30px; } .icon-cart { /* 購物車圖標 */ background: url('../images/icon-cart.png') no-repeat center center; width: 25px; height: 25px; }
上面的代碼中,.icon-search
、.icon-home
和.icon-cart
是CSS類名,用于在HTML中標記需要顯示這些圖標的元素。其中,url()
函數用于指定圖標的圖片路徑,no-repeat
指定不重復鋪滿元素,center center
指定圖標在元素中垂直居中和水平居中,width
和height
分別指定圖標的寬度和高度。
使用CSS代碼中的小圖標,可以讓網頁更加美觀和易于使用,同時也方便了開發者的工作。
下一篇php i18n性能