Maison > interface Web > js tutoriel > Comment utiliser la couleur en CSS

Comment utiliser la couleur en CSS

零下一度
Libérer: 2017-06-23 09:17:15
original
1885 Les gens l'ont consulté

En CSS, l'attribut color est utilisé à de nombreux endroits pour rendre le contenu HTML coloré, tel que : background-color; border-color

Le premier type

L'expression consiste à écrire la couleur directement en anglais, par exemple : blue (blue), red (red), un total de 17 couleurs peuvent être exprimées (ça n'a aucun sens de ne pas donner d'exemples un à un ici !)

exemple CSS :

 body{ padding: 0px;">

La deuxième méthode d'expression de

consiste à utiliser les valeurs jaune, vert et bleu pour définir la valeur de la couleur. Par exemple : rgb (204,213,9), (r représente le rouge, g représente le vert, b représente le bleu)

Le premier. une entre parenthèses. La première valeur est la valeur rouge, la deuxième valeur est la valeur verte et la troisième valeur est la valeur bleue, (chaque valeur est comprise entre 0 et 255)

exemple CSS :

 body{ background-color: rgb (100,100,100)};

La troisième façon d'exprimer

est d'utiliser le jaune, green, Le pourcentage de la valeur bleue définit la valeur de la couleur. Par exemple,

exemple CSS :

body{

Le quatrième

La méthode de représentation consiste à utiliser la valeur hexadécimale de la couleur pour définir la valeur de la couleur ; la représentation hexadécimale des couleurs commence par #0123456789abcdef, qui représente les nombres de 0 à 16 respectivement, et le nombre après # Un ou deux chiffres

représente la valeur rouge, trois ou quatre chiffres représentent la valeur verte, et les deux derniers chiffres représentent la valeur bleue,

Exemple : #cc0066 représente la partie rouge, 00 représente le vert ; partie, 66 représente la partie jaune. La valeur de la partie rouge est 12*16+12=204, 204 est la valeur du rouge

La valeur de la partie verte est 0*16+0=0, 0 est la valeur de la partie verte, la valeur de la partie bleue est 6*16+6=112 ; 112 est la valeur du bleu

Il peut également y avoir des méthodes de représentation des couleurs telles que #c06, car le rouge , vert, Les deux valeurs​​dans la partie bleue sont les mêmes, et leur valeur est #cc0066, et #c06 est son abréviation ; #a signifie

car les six valeurs​​sont égal, et sa valeur est #aaaaaa , #a est son abréviation ; #ccc représente également #cccccc,

十六进制色标是6位,1和2同 , 3和4同 , 5和6同 才能缩写
Copier après la connexion
#00ffee  ==>  #0fe
#0effed  ==>  #0efed
注意:字母不区分大小写, 但是一般都用小写
Copier après la connexion
exemple css :

body{ background-color : # 21439c};

La quatrième méthode est la plus couramment utilisée actuellement car la méthode d'expression est relativement simple.

ps Je ne pense pas qu'il soit nécessaire de savoir quelle couleur la valeur de couleur affiche pendant le processus de développement, car c'est trop difficile. Vous pouvez utiliser certains outils pour vous aider à sélectionner la couleur.

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