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>
Methode 2: Legen Sie den oberen, unteren und linken Rand fest
border-top-color-Attribut: obere 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>
(Teilen von Lernvideos: 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!