CSS创建图像图标按钮的方法

这篇文章主要介绍了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创建图像图标按钮的方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!