Maison >interface Web >tutoriel CSS >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 ? (exemple de code)

云罗郡主
云罗郡主avant
2018-10-29 15:55:156081parcourir

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

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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer