小编典典

将图片嵌入 元件

html

我正在尝试<button>在HTML
的元素上显示png图像。该按钮与图像的大小相同,并且显示了图像,但由于某种原因不在中心,因此无法看到全部。换句话说,图像的右上角似乎位于按钮的中心而不是按钮的右上角。

这是HTML代码:

<button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button>

更新:
我认为实际发生的是利润问题。我得到两个像素的边距,因此背景图像从按钮中消失了。该按钮和图像的大小相同,这是唯一的20px,所以这是非常noticable
......我试过margin:0padding:0但它并没有帮助…


阅读 220

收藏
2020-05-10

共1个答案

小编典典

您可以使用输入类型的图像。

<input type="image" src="http://example.com/path/to/image.png" />

它可以作为按钮使用,并可以附加事件处理程序。

另外,您可以使用css为背景按钮设置样式,并适当设置边框,边距等。

<button style="background: url(myimage.png)" ... />
2020-05-10