我正在尝试<button>在HTML 的元素上显示png图像。该按钮与图像的大小相同,并且显示了图像,但由于某种原因不在中心,因此无法看到全部。换句话说,图像的右上角似乎位于按钮的中心而不是按钮的右上角。
<button>
这是HTML代码:
<button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button>
更新: 我认为实际发生的是利润问题。我得到两个像素的边距,因此背景图像从按钮中消失了。该按钮和图像的大小相同,这是唯一的20px,所以这是非常noticable ......我试过margin:0,padding:0但它并没有帮助…
20px
margin:0
padding:0
您可以使用输入类型的图像。
<input type="image" src="http://example.com/path/to/image.png" />
它可以作为按钮使用,并可以附加事件处理程序。
另外,您可以使用css为背景按钮设置样式,并适当设置边框,边距等。
<button style="background: url(myimage.png)" ... />