不管用上述那种方式书写值都是一样的，url("./image.png")。
括号里面的分号包裹的就是图片的路径。
当然，设置背景图的标签要有宽和高，不然背景图显示不出来。
用background-image就行了啊
示例如下：
<style>button {
background-image: url("play.png")
background-size: 100% auto
background-position: center center
background-repeat: no-repeat
height: 50px
width: 50px
border-radius: 25px
border: none
}
button:hover {
background-image: url("pause.png")
}
</style>
通过css：background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。初始背景图像（原图像）根据 background-position 属性的值放置。
（1）相对的文件位置：
（2）测试代码：
测试效果：
扩展资料：
background-image 属性为元素元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
参考资料：百度百科--CSS background-image
