/* 电子邮件图标 */ .icon-email { background-image: url("email-icon.png"); } /* 喜欢图标 */ .icon-like { background-image: url("like-icon.png"); } /* 分享图标 */ .icon-share { background-image: url("share-icon.png"); } /* 下载图标 */ .icon-download { background-image: url("download-icon.png"); }
以上代码利用background-image属性将图片作为元素的背景,从而在页面上呈现小图标。如果需要更换图标,只需替换URL中的图片地址即可。