/*使用字体图标*/ .icon { font-family: 'Font Awesome'; /*引用字体库*/ font-size: 28px; color: #f00; /*设置字体颜色*/ }/*添加用户图标*//*添加邮件图标*/ /*使用SVG图标*/ .icon { width: 30px; height: 30px; fill: #00f; /*设置填充颜色*/ }/*添加信封图标*/
其中,使用字体图标可以方便地改变图标大小和颜色,使用SVG图标可以更精细地制作图标。同时,也可以使用CSS3的渐变和动画效果来增强图标的美观程度。