这篇文章主要介绍了CSS创建图像图标按钮的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
成都创新互联专注于团风网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供团风营销型网站建设，团风网站制作、团风网页设计、团风网站官网定制、重庆小程序开发服务，打造团风网络公司原创品牌,更为您提供团风网站排名全网营销落地服务。
在按钮表面上显示图像图标时，请写代码以在按钮标签中显示图像，实现此效果要使用显示设置为内联块的span标记。
代码如下：
image-button.css
#buttonImage {
background-image:url('/img/search.png');
display:inline-block;
margin-top:2px;
width:16px;
height:16px;
}
.flatbutton{
border:1px solid #3079ed;
background-color:#4d90fe;
width:100px;
height:28px;
}image-button.html
效果如下：
感谢你能够认真阅读完这篇文章，希望小编分享CSS创建图像图标按钮的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!
