" . La propriété border-color est utilisée pour définir la couleur de la bordure d'un élément."/> " . La propriété border-color est utilisée pour définir la couleur de la bordure d'un élément.">

Maison  >  Article  >  interface Web  >  La balise html hr peut-elle être définie sur la couleur jaune ?

La balise html hr peut-elle être définie sur la couleur jaune ?

青灯夜游
青灯夜游original
2021-07-01 15:07:593424parcourir

En HTML, la balise hr peut être définie sur la couleur jaune. Il vous suffit d'utiliser l'attribut style de la balise hr pour ajouter un style de couleur. Le format de syntaxe est "


". La propriété border-color est utilisée pour définir la couleur de la bordure d'un élément.

La balise html hr peut-elle être définie sur la couleur jaune ?

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


définit les changements de sujet (tels que les changements de sujet) dans les pages HTML et s'affiche sous forme de ligne horizontale. L'élément


est utilisé pour séparer le contenu d'une page HTML (ou pour définir une variante).

Style de balise horaire par défaut :

La balise html hr peut-elle être définie sur la couleur jaune ?

La balise horaire peut-elle donc être définie sur la couleur jaune ?

La réponse est : oui.

Ce qui suit est une introduction à travers des exemples.

<hr style="border-color: yellow"/>

La balise html hr peut-elle être définie sur la couleur jaune ?

On peut voir que la couleur de la balise hr peut être définie à l'aide de la propriété border-color du CSS. L'attribut

border-color définit les quatre couleurs de bordure d'un élément.

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) Utiliser des pourcentages

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

color: rgb(100%, 100%, 100%);

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 en 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);

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;

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;

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.

【Tutoriels recommandés : Tutoriel vidéo CSS, Tutoriel vidéo HTML

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