Maison > interface Web > tutoriel CSS > Comment définir l'image d'arrière-plan avec CSS ? (exemple de code)

Comment définir l'image d'arrière-plan avec CSS ? (exemple de code)

云罗郡主
Libérer: 2018-11-10 15:02:27
avant
2595 Les gens l'ont consulté

Le contenu de cet article explique comment définir l'image d'arrière-plan avec CSS ? (Exemple de code) a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela vous sera utile.

Comment définir limage darrière-plan avec 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, de la manière suivante :

<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 sous FF, mais pas sous IE je ne sais pas pourquoi. De toute façon, elle n'était pas visible sous IE lorsque je l'ai testé. Cela ne fonctionnera pas si je le change comme suit : background-imagebackgroundimage;

Another La 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

. Cette méthode est meilleure car elle peut être affichée normalement sous IE ou FF

Ce qui précède est le paramètre CSS Comment implémenter l'image d'arrière-plan ? (Exemples de code) introduction complète, si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au 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