html 页面上的按钮怎么加上图标？

html 页面上的按钮怎么加上图标？

我最近刚好做过这类 自己是通过把图标设置background  然后字体设置padding来实现的 

:before {   position: relative;   right: 5px;   content: url(../images/        .png);//前面加图标：after {   position: relative;   left: 80px;   content: url(../images/        .png);//后面加图标

给你说几个解决的方法：使用svg的矢量图标，推荐阿里云的；使用canvas的h5画布技术，这个东西绝对是未来的主流渲染，但在这快不是很实用；找一个“X”的img图片；直接用文本“X”代替

用背景图吧，不一定要用button标签，样式可以做成那样的效果

<button> X </button> 这样取巧可以加一个 X 在按钮上我们通常使用  矢量图  也就是所谓的  字体图标  ,网络上有很多  字体图标库  只要下载下来就可以使用了有什么问题可以问我