小编典典

将图像嵌入到元素

all

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

这是 HTML 代码:

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

更新:
我认为实际发生的是保证金问题。我得到了两个像素的边距,所以背景图像超出了按钮。按钮和图片大小一样,只有20px,所以很显眼…我试过了margin:0padding:0但是没有用…


阅读 102

收藏
2022-08-03

共1个答案

小编典典

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

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

它作为一个按钮工作,并且可以附加事件处理程序。

或者,您可以使用 css 使用背景图像设置按钮样式,并适当设置边框、边距等。

<button style="background: url(myimage.png)" ... />
2022-08-03