Heim > Web-Frontend > H5-Tutorial > Hauptteil

So verwenden Sie das HTML5-Boxmodell

PHP中文网
Freigeben: 2017-06-20 10:46:27
Original
7995 Leute haben es durchsucht

Box-Modell.

Die Box besteht aus vier Teilen: Rand, Rand, Polsterung und Inhalt.

Rand: Rand

Grenze : Rand

padding: Abstand (Abstand zwischen Inhalt und Rand)

Inhalt: Inhalt

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">* {margin: 0;padding: 0;}div {/*设置背景颜色*/background-color: blue;/*设置宽高*/width: 250px;height: 250px;/*设置外边距*/margin: 130px;/*设置边框的:边框的宽度 边框的样式 边框的颜色*/border: 10px solid red;/*设置内边距:上,右,下,左*/padding: 20px 40px 50px 100px;}</style></head><body><div>ABCDEFG</div></body></html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML5-Boxmodell. 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