CSS如何创建图像图标按钮

　　在按钮表面上显示图像图标时，请写代码以在按钮标签中显示图像，实现此效果要使用显示设置为内联块的span标记。

　　代码如下：

　　image-button.css

　　#buttonImage{

　　background-image:url('/img/search.png');

　　display:inline-block;

　　margin-top:2px;

　　width:16px;

　　height:16px;

　　}

　　.flatbutton{

　　border:1pxsolid#3079ed;

　　background-color:#4d90fe;

　　width:100px;

　　height:28px;

　　}

　　image-button.html

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

　　<linkrel="stylesheet"type="text/css"href="image-button.css"/>

　　</head>

　　<body>

　　<buttonclass="flatbutton"><spanid="buttonImage"></span></button>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56655.shtml