Heim >Web-Frontend >CSS-Tutorial >So legen Sie die Rahmenfarbe in CSS fest
So legen Sie die Rahmenfarbe in CSS fest
- 青灯夜游Original
- 2021-10-12 17:58:2916753Durchsuche
Methode: 1. Das Attribut „Border-Color“ legt die Farben der vier Ränder gleichzeitig fest. 2. Die Farbe „Border-Top-Color“, „Border-Bottom-Color“, „Border-Left-Color“ und „Border-Right-Color“. Attribute legen den oberen, unteren, linken und rechten Rand fest.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
css legt die Rahmenfarbe fest
Methode 1: Verwenden Sie das Attribut „Border-Color“, um die Farbe von vier Rändern gleichzeitig festzulegen Teil aller Ränder einer Elementfarbe.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.box{
width: 280px;
height: 62px;
border-style:solid;
border-color: red;
}
</style>
</head>
<body>
<div class="box">欢迎来到PHP中文网！</div>
</body>
</html>Rendering:
Methode 2: Legen Sie den oberen, unteren und linken Rand fest
border-top-color-Attribut: obere Randfarbe
- border-bottom-color-Attribut: untere Randfarbe
- border-left-color-Attribut: linke Randfarbe
- border-right-color-Attribut: rechte Randfarbe
-
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .box{ width: 280px; height: 62px; border-style:solid; border-top-color:red; border-bottom-color:paleturquoise; border-left-color:palevioletred; border-right-color:darkcyan; } </style> </head> <body> <div class="box">欢迎来到PHP中文网！</div> </body> </html>Rendering:
(Teilen von Lernvideos: 
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!