Maison > interface Web > tutoriel CSS > le corps du texte

Comment implémenter l'image d'arrière-plan du bouton CSS ? (exemple de code)

云罗郡主
Libérer: 2018-10-29 15:55:15
avant
6049 Les gens l'ont consulté

Comment implémenter l'image d'arrière-plan du bouton CSS ? Je pense que de nombreux amis qui viennent d'entrer en contact avec CSS se poseront de telles questions. Ce chapitre vous présentera comment implémenter les images d'arrière-plan des boutons CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Comment implémenter limage darrière-plan du bouton CSS ? (exemple de code)

De nombreuses personnes aiment utiliser une image comme bouton de soumission lors de la soumission d'un formulaire. La plupart des gens peuvent utiliser JS pour effectuer la soumission du formulaire, c'est-à-dire lorsque l'utilisateur clique sur. l'image, il répondra. Utilisez JS pour soumettre le formulaire. En fait, il existe un autre moyen, qui consiste à définir directement l'arrière-plan de l'image du bouton SOUMETTRE. La première consiste à le définir. directement dans le bouton, comme suit :

<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />
Copier après la connexion

Cette méthode de paramétrage est visible dans FF, mais pas dans IE je ne sais pas pourquoi. De toute façon, elle n'était pas visible dans. IE quand je l'ai testé. Cela ne fonctionnera pas si je le change comme suit : background-imagebackgroundimage;

Une autre méthode consiste à utiliser CSS pour le définir. La méthode d'implémentation est la suivante :

<🎜. >
<style type="text/css">
    .submitStyle {background:url(imagpath);border:0px}
</style>
Copier après la connexion

Ce qui précède est une introduction complète à la façon d'implémenter l'image d'arrière-plan du bouton CSS. Si vous souhaitez en savoir plus. Pour plus d'informations sur le

Tutoriel vidéo CSS3, veuillez prêter attention à. le site Web PHP chinois.


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!

Étiquettes associées:
source:lvyestudy.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal