html - HTML硬编码或css中的图像？

Question

我怎样才能把图像代替文本“提交”..硬编码或css？什么是更好的选择。

 <ul>
     <li><span class="class1" onclick="func1()">Submit</span></li>
 </ul>

Answer 1

将图像添加到您的班级：

<ul>
     <li><span class="class1" onclick="func1()"></span></li>
</ul>


.class1 {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-image: url(myimage.png);
}

Answer 2

当然，您所拥有的替代方案是

<a href="#" onclick="func1()"><img src="picture.png" /></a>

并且您可以在 CSS 中将a（或img）样式设置为您心中的内容