Heim > Artikel > Web-Frontend > So ändern Sie die Farbe eines Textfelds mit CSS
So ändern Sie die Farbe eines Textfelds mit CSS
- 王林Original
- 2020-11-18 13:44:524187Durchsuche
So ändern Sie die Farbe des Textfelds mit CSS: Sie können das Attribut „border-color“ verwenden, um die Farbe des Textfelds zu ändern, z. B. [border-color: #0000ff;]. Mit der Eigenschaft border-color werden die vier Rahmenfarben eines Elements festgelegt.
Verwandte Attribute:
border-color-Attribut legt die vier Rahmenfarben eines Elements fest. Diese Eigenschaft kann einen bis vier Werte haben.
(Verwandte Videofreigabe: CSS-Video-Tutorial)
Beispiel:
Rahmenfarbe: Rot, Grün, Blau, Rosa;
-
Der obere Rand ist rot Grün: Der untere Rand ist blau. Der linke Rand ist rosa Ränder sind grün
Der untere Rand ist blau
Rahmenfarbe: rot, grün;
Der obere und untere Rand sind rot
Der linke und rechte Rand sind grün
Rahmenfarbe: rot;
-
Alle vier Ränder sind rot
Beispiel:
<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>Das obige ist der detaillierte Inhalt vonSo ändern Sie die Farbe eines Textfelds mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!