带有纯HTML / CSS图像的按钮

时间:2010-03-04 08:32:03

标签: html css

除了文字之外,有没有办法将图片添加到常规<input type = "button" />

6 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分:1)

您想要“图片”输入类型

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

答案 2 :(得分:1)

我们可以有按钮的CSS。

 

background: url(images/blue.png)  ; 

答案 3 :(得分:1)

按钮 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; 
} 

答案 4 :(得分:1)

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

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

答案 5 :(得分:0)

按钮中的图像或按钮中的图像?

图像AS按钮:

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

按钮内的图像....我不这么认为。