html - 带有在 css 中定义的图像的按钮

Question

我想制作一个没有文本但有图像的按钮(可点击元素)。
我希望在 css 中定义图像。

如果我使用图像元素，则无法在 css 中定义图像。
使用 div 看起来无关紧要。

类似于:

<elem></elem>

elem {
    backround-image:url(img.jpg);
}

我该怎么做？什么是元素？

Answer 1

您可以通过重置其默认 CSS 或使用 DIV 来使用按钮元素。
按钮更具语义。
显然，您仍然需要向 onclick 事件添加一个事件处理程序，以便它执行某些操作。

例子:

<style>
.myburron{
   background-image: url('../myimage.jpeg');
   width: Xpx;
   height:Ypx;
   display: [not sure, think inline-block is best];
   border-style: none;
   background-color: none;
}
</style>

...
...
...
<button class="myburron"> </button>