Intégrer l’image dans un élément

J’essaie d’afficher une image png sur un élément

Mettre à jour:
Je pense que ce qui se passe réellement est un problème de marge. J’ai une marge de deux pixels, de sorte que l’image d’arrière-plan sort du bouton. Le bouton et l’image ont la même taille, qui n’est que de 20px , donc c’est très visible … J’ai essayé la margin:0 , padding:0 , mais ça n’a pas aidé …

Vous pouvez utiliser une image de type d’entrée.

  

Il fonctionne comme un bouton et peut être associé aux gestionnaires d’événements.

Vous pouvez également utiliser css pour styliser votre bouton avec une image d’arrière-plan et définir les bordures, les marges et autres éléments appropriés.

  

Si l’image est un morceau de données sémantiques (comme une image de profil, par exemple), utilisez un élément dans votre et utilisez CSS pour redimensionner le . Si l’image est juste un moyen de rendre un bouton visuellement agréable, utilisez CSS background-image pour mettre en forme le (et n’utilisez pas un ).

Démo: http://jsfiddle.net/ThinkingStiff/V5Xqr/

HTML:

   

CSS:

 button { display: inline-block; height: 134px; padding: 0; margin: 0; vertical-align: top; width: 104px; } #close-image img { display: block; height: 130px; width: 100px; } #close-CSS { background-image: url( 'http://thinkingstiff.com/images/matt.jpg' ); background-size: 100px 130px; height: 134px; width: 104px; } 

Sortie:

entrer la description de l'image ici

essaye ça

   

La manière la plus simple de mettre une image dans un bouton:

  

Cela redimensionnera automatiquement le bouton à la taille de l’image.

Ajouter un nouveau dossier avec le nom des images dans votre projet. Placez des images dans le dossier Images. Alors ça marchera bien.

  

Les boutons ne supportent pas directement les images. De plus, votre façon de faire concerne les liens ()

Les images sont ajoutées sur les boutons en utilisant la propriété BACKGROUND-IMAGE dans le style

vous pouvez également spécifier les répétitions et autres propriétés en utilisant tag

Par exemple: une image de base ajoutée à un bouton aurait ce code:

   

Paix