HTML中给Button加图片背景的具体写法

本文是搜集和整理的几种给HTMLButton 添加背景图片的方法：

写法一：写在HTML里面。缺点是图片不容易和按钮互相完美贴合，如果美观的话还需要进一步想想办法。

　　按钮一

写法二：写在CSS中。这个就是把按钮的边框去掉了，把图像设置为不重复，其他的效果自己添加即可。

button{
    width: 100px;
    height:45px;
    background: url("vue1/test2.png") no-repeat;
    border-style: none;
}

写法三：内联CSS的写法。这种写法需要注意你的png图片的具体位置是相对于你的HTML文件的，我的图片是是放在css/images/目录下了。这种写法简单，直观，肯定起作用。缺点是难以重用。

后续也许会给更多的写法吧，目前就总结到这里，写给自己看，怕自己忘却。