Maison > interface Web > tutoriel CSS > Introduction à la façon de définir la couleur d'arrière-plan div à l'aide de CSS

Introduction à la façon de définir la couleur d'arrière-plan div à l'aide de CSS

高洛峰
Libérer: 2017-03-14 16:11:54
original
2053 Les gens l'ont consulté

Cet article présente principalement la méthode de définition de la couleur d'arrière-plan p avec CSS. Les amis qui en ont besoin peuvent s'y référer

1 Définir la couleur d'arrière-plan directement dans la balise p

Le code. est la suivante :

<p style="background:#000; color:#FFF">背景为黑色</p>
Copier après la connexion

Définissez la couleur d'arrière-plan de la balise p sur noir et la couleur de la police sur blanc

Introduction à la façon de définir la couleur darrière-plan div à laide de CSS

Définissez la couleur d'arrière-plan dans la Capture d'écran de la balise p

Passez la balise p Définir le style à l'intérieur pour définir la couleur d'arrière-plan et d'autres styles CSS.

2. Définir la couleur d'arrière-plan p avec un CSS externe

Voici un objetCSS nommé ".pcss5", définir la couleur d'arrière-plan de l'objet p en créant un sélecteur externe

Code CSS :

Le code est le suivant :

.pcss5{ background:#F00; color:#FFF}
Copier après la connexion

Code source html :

Le code est le suivant :

<p class="pcss5">背景色为红色</p>
Copier après la connexion

Capture d'écran de l'effet :

Introduction à la façon de définir la couleur darrière-plan div à laide de CSS

Capture d'écran du paramètre CSS externe p couleur d'arrière-plan

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:
css
source:php.cn
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