以纯HTML/CSS格式显示图像的按钮

我们可以有CSS for按钮。

 

background: url(images/blue.png)  ; 

是的-你应该能够在CSS的按钮上设置背景图像。我的首选方法是使用按钮标签,例如

<button type="submit">text</button>

您可以在标记中放入任何您想要的HTML并设置其样式。

您需要“图像”输入类型

<input type="image" src="/path/to/image.png" value="Click here" size="32,32" border="0" />

按钮在 HTML (对于位置,我通常将所有图像放在图像文件夹中)

<BUTTON type="submit" src="/images/Button.png" value=""> 

按钮通孔 CSS ,其中mybtn在类文件中定义。

<BUTTON type="submit" class="myBtn" value=""> 

其中mybtn在类文件中定义

.myBtn{ 
background: url(/images/Button.PNG) no-repeat; 
cursor: pointer; 
width: 140px; 
height: 80px; 
border: none; 
} 

<input type="button" style="background-image:url(flower.jpg)" value="Click">

它将使用HTML设置按钮的背景图像。

按钮中的图像还是按钮中的图像?

图像为按钮:

<input type="image" src="/images/myImage.png" alt="An image as a button"/>

按钮里面的图像……我不这么认为。