Heim > Artikel > Web-Frontend > So legen Sie die Rahmenfarbe in CSS fest
So legen Sie die Rahmenfarbe in CSS fest
- 青灯夜游Original
- 2021-09-14 17:07:065201Durchsuche
So legen Sie die Rahmenfarbe in CSS fest: 1. Verwenden Sie das Attribut „border“ mit der Syntax „border:yansezhi;“ 2. Verwenden Sie das Attribut „border-color“ mit der Syntax „border-color:yansezhi;“. Farbwerte können über Farbnamen, Hexadezimalwerte, RGB oder RGBA, HSL usw. definiert werden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Methode 1: Verwenden Sie das Border-Attribut
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
margin: 10px;
border:solid #FFC0CB;
}
</style>
</head>
<body>
<div>测试文字</div>
<div>测试文字</div>
<div>测试文字</div>
</body>
</html>Rendering:
Methode 2: Border-Color-Attribut
Das Border-Color-Attribut wird verwendet, um die Farbe der vier Ränder festzulegen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
margin: 10px;
border:solid;
border-color: bisque;
}
</style>
</head>
<body>
<div>测试文字</div>
<div>测试文字</div>
<div>测试文字</div>
</body>
</html>Rendering:
Sie können den Farbwert auf folgende Weise festlegen:
Name – Geben Sie den Farbnamen an, z. B. „rot“.
HEX – Geben Sie den Hexadezimalwert an, z. B „#ff0000“
RGB – Geben Sie den RGB-Wert an, z. B. „rgb(255,0,0)“
HSL – Geben Sie den HSL-Wert an, z. B. „hsl(0, 100 %, 50 %“) )“
transparent
Verwandte Empfehlungen: „CSS-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie die Rahmenfarbe in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!