Comment définir la couleur de la police HTML et comment utiliser ps pour obtenir la couleur de police précise de la production de pages html_HTML/Xhtml_Web

1. Paramètre de couleur de la police HTML

En HTML, nous utilisons la balise font pour définir la couleur du contenu de la police.

1. Syntaxe de la police :

Copier le code Le code est le suivant : &lt ;!DOCTYPE html> ;/ p> Je suis une police rouge Bonjour

🎜>

Tout d'abord, la police est une paire de balises régulières. Placez le contenu du texte de la police dans la balise. Définissez la couleur correspondant à la valeur de couleur dans la balise font pour définir la couleur de la police dans la police. objet de balise.

2. Exemple de définition de la couleur de la police dans la police HTML

2-1. Exemple de code complet de couleur de police html :

Copier le code

Le code est le suivant : title>implémentation CSS Démonstration en ligne de la couleur de police

. ;">ma police C'est rouge Ma police est bleue 2-2. Capture d'écran de l'exemple de couleur de police

Capture d'écran du cas de réglage de la couleur de la police HTML

2-3. Démonstration en ligne : Voir le cas

Pour changer la couleur de la police, changez simplement la valeur de la couleur.

2. Paramètre de couleur de la police HTML p CSS

Définissez la couleur de la police via le style CSS en HTML.

Il existe deux façons de définir la couleur de la police HTML à l'aide de CSS, l'une est du CSS dans la balise et l'autre est du CSS externe.

1. Introduction aux connaissances de base Pour utiliser du CSS externe, vous pouvez placer le code CSS séparément dans le fichier CSS et utiliser le lien html pour introduire le CSS (html introduit le CSS), ou vous pouvez utiliser la balise Vous pouvez également utiliser l'attribut style dans la balise html pour définir la couleur CSS.

2.p Exemple de démonstration CSS

Voici deux méthodes pour implémenter les paramètres de couleur de police HTML. L'une utilise CSS dans la balise et l'autre utilise la balise de style pour définir la couleur de la police.

3. Exemple de code source HTML complet

Copier le code

Le code est le suivant :

paramètre de couleur Démo en ligne

hovering* /

/* note css : Le code ci-dessus sert à définir la couleur de police unifiée des hyperliens en HTML*/ .div a{ color:#090}

.div a:hover{ color : #090} /* commentaire css : Le code ci-dessus sert à définir la couleur de la police du lien hypertexte dans l'objet .div en html*/ > &lt ;p> Pour le contenu du test, j'ai défini uniformément la couleur bleu cSS

Je suis à l'intérieur d'un objet div et la couleur du lien hypertexte est Je suis un lien hypertexte vert 🎜> Utilisez la balise et l'attribut style dans la balise p pour définir la couleur de la police en HTML.

4. Capture d'écran du cas p css

Capture d'écran de l'exemple de cas de couleur de police de réglage CSS

5. Démonstration en ligne du cas css p : voir le cas

3. Lien hypertexte HTML Un paramètre de couleur de police

Il existe deux façons de définir la couleur de police du texte d'ancrage en HTML. L'une consiste à définir une couleur de police unifiée pour tous les hyperliens en HTML, et l'autre consiste à définir individuellement la police des hyperliens du texte d'ancrage dans un objet spécifié. couleur.

Je vais vous présenter, à travers des exemples, comment définir uniformément et individuellement la couleur de la police du texte d'ancrage du lien hypertexte en HTML.

1. Le code html p css complet est le suivant

html超链接字体颜色设置 在线演示 a{ color:#00F} a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ /* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ .p a{ color:#090} .p a:hover{ color:#090} /* css注释说明：以上代码为设置html中.p对象内超链接字体颜色 */ 测试内容我是统一设置的颜色蓝色

我在p对象内，超链接颜色为 我是超链接绿色

La couleur de police bleue du lien hypertexte est définie uniformément en HTML, tandis que la couleur de police verte est la couleur de police du lien hypertexte définie individuellement.

2. Capture d'écran de l'exemple de couleur de police de lien hypertexte

Capture d'écran de l'exemple d'effet de police de lien hypertexte CSS

3. Démonstration en ligne : Voir le cas

Téléchargement du package des trois p cas CSS ci-dessus :

Télécharger maintenant (2,928 Ko)

4. Comment obtenir la couleur de police précise requise pour le HTML

Pour obtenir des valeurs de couleurs précises, le logiciel Photoshop (ps) est généralement utilisé. Ce qui suit vous apprend à utiliser PS pour obtenir la valeur de couleur d'une certaine police et à l'appliquer de manière flexible pour obtenir la valeur de couleur d'un certain arrière-plan, d'une image ou d'une bordure en obtenant la valeur de police.

Supposons que nous voulions obtenir la valeur de couleur spécifique de la couleur bleue "CSS" de l'image ci-dessus

1. Ouvrez cette image dans PS

Ouvrez cette photo en ps

2. Utilisez l'outil "Sélectionner la couleur de premier plan" ou "Sélectionner la couleur d'arrière-plan" de l'outil PS

Ici, nous cliquons sur l'outil "Couleur de premier plan" dans la case rouge

3. L'onglet "Sélectionner la couleur de premier plan" apparaît

Après la deuxième étape, l'onglet « Sélectionner la couleur de premier plan » apparaîtra. En même temps, le pointeur de la souris se transformera en une icône en forme de paille « Sélecteur de couleurs ». la valeur de couleur. Si l'image est petite, il n'est pas facile de cliquer avec précision. Cela peut agrandir l'image en utilisant "ctrl" pour agrandir l'image en continu.

Obtenez la valeur de couleur précise "0000FF"

4. Définissez la valeur de couleur obtenue

couleur :#0000FF

Conseils : Lorsque vous utilisez des valeurs de couleur, accédez généralement directement à PS pour copier les valeurs de couleur afin d'éviter les erreurs de saisie manuelle. En même temps, n'oubliez pas d'ajouter le signe « # » avant la valeur de couleur.

5. Résumé des couleurs de la police HTML

Nous introduisons ici trois paramètres de couleur de police, notamment la police HTML, la couleur du texte CSS et la couleur de la police des liens hypertexte CSS. Nous introduisons également la méthode d'utilisation de PS pour obtenir des valeurs de couleur précises. Vous pouvez généralement étendre de manière flexible l’utilisation des polices et des valeurs de couleur d’arrière-plan.