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

Comment définir le texte du lien hypertexte en blanc en CSS

青灯夜游
Libérer: 2023-01-07 11:45:07
original
4634 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut color pour définir le texte du lien hypertexte en blanc. Il vous suffit d'ajouter "color: white;" ou "color:#FFFFFF;" ou "color:rgb(255, 255, 255)". " Le style suffit.

Comment définir le texte du lien hypertexte en blanc en CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

css définit le texte du lien hypertexte en blanc

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			 a{
				background-color: black;
				color: white;
				/* color:#FFFFFF; */
			}
		</style>
	</head>

	<body>
		<a href="#">超链接文本</a>

	</body>

</html>
Copier après la connexion

Rendu :

Comment définir le texte du lien hypertexte en blanc en CSS

Description :

L'attribut color spécifie la couleur du texte.

Cet attribut définit la couleur de premier plan d'un élément (dans la représentation HTML, la couleur du texte de l'élément n'est pas affectée par la couleur) ; Cette couleur s'applique également à toutes les bordures de l'élément, sauf si elle est remplacée par border-color ou une autre propriété border-color.

Syntaxe :

color:颜色值;
Copier après la connexion

En CSS, les valeurs de couleur peuvent utiliser des noms de couleur, des pourcentages, des nombres et des valeurs hexadécimales. Il existe quatre façons de les écrire.

1) Utiliser des noms de couleurs

Bien qu'il existe actuellement environ 184 couleurs nommées, elles sont véritablement prises en charge par divers navigateurs, et il n'y a que 16 noms de couleurs recommandés comme spécifications CSS, comme indiqué dans le tableau ci-dessous.

表1:CSS 规范推荐的颜色名称
名 称颜 色名 称颜 色名 称颜 色
black纯黑silver浅灰navy深蓝
blue浅蓝green深绿lime浅绿
teal靛青aqua天蓝maroon深红
red大红purple深紫fuchsia品红
olive褐黄yellow明黄gray深灰
white壳白

Il n'est pas recommandé d'utiliser des noms de couleurs dans les pages Web, en particulier pour une utilisation à grande échelle, afin d'éviter que certains noms de couleurs ne soient pas analysés par les navigateurs ou que différents navigateurs n'interprètent les couleurs différemment.

2) Utilisez des pourcentages

C'est la méthode la plus courante, par exemple :

color: rgb(100%, 100%, 100%);
Copier après la connexion

Cette instruction définit les trois couleurs primaires du rouge, du bleu et du vert à leurs valeurs maximales, et la combinaison résultante est affichée comme blanc. Au lieu de cela, réglez rgb(0%, 0%, 0%) sur noir. Si les trois valeurs de pourcentage sont égales, le gris sera affiché. De même, la valeur de pourcentage la plus élevée favorisera la couleur primaire.

3) Utilisez une valeur numérique

comprise entre 0 et 255, par exemple :

color: rgb(255, 255, 255);
Copier après la connexion

La déclaration ci-dessus affichera du blanc, au contraire, elle peut être réglée sur rgb(0, 0, 0), ce qui affichera du noir. Si les trois valeurs sont égales, l'affichage sera gris De la même manière, quelle que soit la valeur la plus grande, elle aura une plus grande proportion de couleur primaire.

4) Couleur hexadécimale

C'est la méthode la plus couramment utilisée pour choisir les couleurs, par exemple :

color: #ffffff;
Copier après la connexion

Dans laquelle vous devez ajouter un symbole #couleur devant l'hexadécimal. L'instruction ci-dessus affichera du blanc. Au contraire, vous pouvez définir #000000 sur noir, décrit par RVB :

color: #RRGGBB;
Copier après la connexion

de 0 à 255. En fait, 255 en décimal est exactement égal à FF en hexadécimal, une valeur de couleur hexadécimale. égal à 3 groupes de ces valeurs hexadécimales, qui sont égales aux trois couleurs primaires rouge, bleu et vert lorsqu'elles sont connectées dans l'ordre.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

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: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