css按钮里面添加图标

CSS能够为按钮添加不同的样式，包括颜色、大小和形状等。此外，还可以通过添加图标来增添按钮的吸引力。

.btn {background-color: #2196F3;color: white;border-radius: 5px;padding: 10px 20px;font-size: 16px;text-align: center;text-decoration: none;display: inline-block;}.btn:before {content: "\f007";font-family: FontAwesome;margin-right: 5px;}

如上述代码所示，在按钮的伪元素"::before"中添加图标的Unicode编码，即可实现为按钮添加图标的功能。

需要注意的是，在添加图标之前，需要将图标所属的字体文件引入，在上述代码中使用的字体文件为FontAwesome。

通过为按钮添加图标，不仅可以使界面更加美观，还可以提供更好的交互体验。例如，在一个包含多个按钮的页面中，为不同的按钮添加不同的图标，可以使用户更容易区分不同的功能按钮，从而提高网站的可用性。

上一篇：css按钮闪烁动效

下一篇：JavaScript中如何刷新页面