Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die Div-Rahmenfarbe mit CSS fest

So legen Sie die Div-Rahmenfarbe mit CSS fest

藏色散人
藏色散人Original
2021-03-02 10:19:147309Durchsuche

So legen Sie die Rahmenfarbe eines Divs mit CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei und legen Sie dann die Rahmenfarbe fest, indem Sie Attribute wie „border-color“ oder „border-left-color“ hinzufügen. zur div.

So legen Sie die Div-Rahmenfarbe mit CSS fest

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer. „CSS fügt Rahmenfarbe zu Div hinzu.“ Die Randfarbe wird angezeigt und hat eine Existenzbedeutung.

Zum Beispiel:

border-color:#000(设置4边边框颜色为黑色)
border-color:+颜色值,即可设置对象边框颜色
border-left-color:#000 设置左边框颜色为黑色
border-right-color:#000 设置右边框颜色为黑色
border-top-color:#000 设置上边框颜色为黑色
border-bottom-color:#000 设置下边框颜色为黑色
Stellen Sie auf diese Weise den Objektrand auf einen festen Rand, die Randbreite (Dicke) auf 1 Pixel und die Randfarbe auf Schwarz ein, damit die Randfarbe wirksam wird.

2. Abkürzung für die Einstellung des Rahmenfarbstils

.div{ 
    border-style: solid; 
    border-width: 1px; 
    border-color: #000;
}

Auf diese Weise wird der Objektrahmenstil „.div“ festgelegt, wir können

.div{ 
    border-style:solid; 
    border-width:1px; 
    border-color:#000;
}

Effekt:

Drei durch Leerzeichen getrennte Rahmenwerte

Abkürzungsrahmen-Farbstil-Code kann Ihnen Code sparen und die Menge an CSS-Code reduzieren.

【Empfohlenes Lernen:

CSS-Video-TutorialSo legen Sie die Div-Rahmenfarbe mit CSS fest

Das obige ist der detaillierte Inhalt vonSo legen Sie die Div-Rahmenfarbe mit CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn