So legen Sie die Rahmenfarbe in CSS fest-CSS-Tutorial-php.cn

So legen Sie die Rahmenfarbe in CSS fest

coldplay.xixi

Freigeben： 2023-01-05 16:09:14

Original

14378 Leute haben es durchsucht

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.

So legen Sie die Rahmenfarbe in CSS fest

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>

Nach dem Login kopieren

Rendering:

So legen Sie die Rahmenfarbe in CSS fest

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!