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

So legen Sie die Div-Rahmenfarbe mit CSS fest

藏色散人
Freigeben: 2023-01-03 09:26:40
Original
7365 Leute haben es durchsucht

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 设置下边框颜色为黑色
Nach dem Login kopieren
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;
}
Nach dem Login kopieren

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

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

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage