Heim > Artikel > Web-Frontend > So legen Sie die Rahmenfarbe in CSS fest
So legen Sie die Rahmenfarbe in CSS fest
- coldplay.xixiOriginal
- 2021-04-16 15:12:0214369Durchsuche
Die Möglichkeit, die Rahmenfarbe in CSS festzulegen, besteht darin, das Attribut [border-color] zu verwenden, um die Farbe der vier Ränder festzulegen. Das Attribut [border-color] ist ein abgekürztes Attribut, mit dem die Farbe der sichtbaren Teile festgelegt werden kann aller Ränder eines Elements, oder 4 Stellen Sie jeweils unterschiedliche Farben an den Seiten ein.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.
So legen Sie die Rahmenfarbe in CSS fest:
CSS kann das Attribut „border-color“ verwenden, um die Farbe von vier Rändern festzulegen. Die Eigenschaft border-color ist eine Abkürzungseigenschaft, die die Farbe der sichtbaren Teile aller Ränder eines Elements oder unterschiedliche Farben für jede der vier Seiten festlegen kann.
CSS-Rahmenfarbe festlegen:
<html>
<head>
<style type="text/css">
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-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。
</p>
</body>
</html>Rendering:
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!