Boutons avec des images en HTML/CSS

Question

est-il un moyen d'ajouter une image à un <input type = "button" /> ordinaire en plus du texte?

Answer 1

Nous pouvons avoir css pour le bouton.

 

background: url(images/blue.png) ; 

Answer 2

Une image dans le bouton ou une image comme bouton?

image AS bouton:

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

image à l'intérieur bouton .... Je ne pense pas.

Answer 3

Vous voulez que le type d'entrée « image »

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

Answer 4

Oui - vous devriez être en mesure de définir l'image d'arrière-plan sur le bouton en CSS. Ma méthode préférée consiste à utiliser l'étiquette de bouton, par ex.

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

Vous pouvez mettre n'importe quel code HTML que vous voulez dans le tag et le styler.

Answer 5

Bouton en HTML (Pour connaître l'emplacement Je normalement toutes les images dans un dossier d'images)

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

Bouton via CSS, où myBtn est défini dans le fichier de classe

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

Où myBtn est défini dans le fichier de classe

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

Answer 6

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

Il définira l'image d'arrière-plan pour le bouton en utilisant HTML.