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

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.

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" />

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>

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!