php图标按钮,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

效果如下：