Maison > Article > interface Web > Comment changer la couleur de la zone de texte avec CSS
Comment changer la couleur de la zone de texte avec CSS
- 王林original
- 2020-11-18 13:44:524194parcourir
Comment changer la couleur de la zone de texte avec CSS : Vous pouvez utiliser l'attribut border-color pour changer la couleur de la zone de texte, tel que [border-color: #0000ff;]. La propriété border-color est utilisée pour définir les quatre couleurs de bordure d'un élément.
Attributs associés :
l'attribut border-color définit les quatre couleurs de bordure d'un élément. Cette propriété peut avoir une à quatre valeurs.
(Partage de vidéos associées : tutoriel vidéo CSS)
Exemple :
couleur de la bordure : rouge, vert, bleu , rose; C'est bleu
La bordure gauche est rose
couleur de la bordure : rouge, vert, bleu;
-
La bordure supérieure est rouge
Les bordures gauche et droite sont vertes
-
La bordure inférieure est bleue
-
couleur de la bordure : rouge, vert >
couleur de la bordure : rouge; - Les quatre bordures sont rouges
- Exemple :
-
<style> p.one { border-style:solid; border-color:#0000ff; } p.two { border-style:solid; border-color:#ff0000 #0000ff; } p.three { border-style:solid; border-color:#ff0000 #00ff00 #0000ff; } p.four { border-style:solid; border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255); } </style> </head> <body> <p class="one">One-colored border!</p> <p class="two">Two-colored border!</p> <p class="three">Three-colored border!</p> <p class="four">Four-colored border!</p> <p><b>注意:</b> "border-color" 属性 如果单独使用则不起作用. 要先使用 "border-style" 属性来设置 borders .</p> </body> </html>Obtenir l'effet : - Recommandations associées :
CSS tutoriel
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!