Heim > Web-Frontend > Bootstrap-Tutorial > So legen Sie die Rahmenfarbe im Bootstrap auf div fest

So legen Sie die Rahmenfarbe im Bootstrap auf div fest

爱喝马黛茶的安东尼
Freigeben: 2019-07-17 13:45:10
Original
9541 Leute haben es durchsucht

So legen Sie die Rahmenfarbe im Bootstrap auf div fest

Wie lege ich die Rahmenfarbe für div im Bootstrap fest?

So legen Sie den Rand fest:

1.

border:1px solid red;
Nach dem Login kopieren

2.

border-width:1px;边框的粗细
border-style: solid;边框的风格
border-color: red;边框的颜色
Nach dem Login kopieren

3.

border-left:1px solid red;
border-right:1px solid blue;
border-top:1px solid green;
border-bottom:1px dotted grey;
Nach dem Login kopieren

Verwandte Empfehlungen: „Bootstrap Getting Started Tutorial

Linien-/Rahmenstil:

keine: kein Stil; gepunktet: gestrichelte Linie; doppelt: doppelte Linie; eingekerbt: konvex; Der Unterschied zwischen Polsterung und Rand: Wenn die Box keine Breite und Höhe hat, kann die Polsterung über die Breite und Höhe der Box gelegt werden, der Rand jedoch nicht, es sei denn, die Box hat Inhalt)

Die wahre Breite der Feld = seine eigene Breite + linker Rand + rechter Rand + linker Rand + rechter Rand; Die wahre Höhe des Feldes = seine eigene Höhe + oberer Rand + unterer Rand + oberer Rand + unterer Rand;

Zum Beispiel:

div{padding:20px;width:10px;background:red;color:#fff}
Nach dem Login kopieren

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

Verwandte Etiketten:
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