Comment définir le bouton image en HTML

Comment définir un bouton d'image en HTML : créez d'abord un exemple de fichier HTML ; puis créez un bouton via la balise bouton et enfin définissez l'image via l'attribut d'arrière-plan.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Transformez les images en boutons en HTML

Le code est le suivant :

<input type="image">
<input type="submit" style="background: url(&#39;图&#39;) no-repeat;">
<input type="button" style="background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js">
<button style="background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js">文字</button>
<img  src="/static/imghw/default1.png"  data-src="图"  class="lazy"   οnclick="提交的js" alt="Comment définir le bouton image en HTML" >
<span style="border:1px solid #000000;background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js"> </span>

Introduction connexe :

balise Pour collecter des informations sur l'utilisateur.

Selon les différentes valeurs d'attribut de type, les champs de saisie ont de nombreuses formes. Les champs de saisie peuvent être des champs de texte, des cases à cocher, des contrôles de texte masqué, des boutons radio, des boutons, etc.

La propriété raccourcie d'arrière-plan définit toutes les propriétés d'arrière-plan dans une seule déclaration.

peut définir les propriétés suivantes :

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

Si l'une des valeurs n'est pas définie , ce ne sera pas le cas. Il y aura des problèmes, tels que background:#ff0000 url('smiley.gif');

Il est généralement recommandé d'utiliser cet attribut au lieu d'utiliser des attributs individuels individuellement, car il est mieux pris en charge dans les navigateurs plus anciens et nécessite la saisie de moins de lettres.

[Apprentissage recommandé : Tutoriel vidéo HTML]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!