So ändern Sie die Farbe eines Textfelds mit CSS-CSS-Tutorial-php.cn

So ändern Sie die Farbe eines Textfelds mit CSS

王林

Freigeben： 2020-11-18 13:44:52

Original

4120 Leute haben es durchsucht

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.

So ändern Sie die Farbe eines Textfelds mit CSS

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>

Nach dem Login kopieren

Erzielter Effekt:
Verwandte Empfehlungen:

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!