Heim  >  Artikel  >  Web-Frontend  >  So legen Sie den Abstand in einer HTML-Tabelle fest

So legen Sie den Abstand in einer HTML-Tabelle fest

coldplay.xixi
coldplay.xixiOriginal
2021-02-20 14:05:0519802Durchsuche

So legen Sie den Abstand in einer HTML-Tabelle fest: 1. Legen Sie das Attribut [margin-bottom] der ersten Tabelle fest. Der Code lautet [

So legen Sie den Abstand in einer HTML-Tabelle fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

So legen Sie den Abstand in HTML-Tabellen fest:

1 Legen Sie das Attribut margin-bottom der ersten Tabelle fest. Beispiel: margin-bottom属性。例如:

<table width="100%" style="margin-bottom:100px">

表示table表格底部保持100px间距。

2、设置第二个tbale的margin-top

<table width="100%" style="margin-top:100px">

bedeutet, am unteren Rand der Tabelle einen Abstand von 100 Pixeln einzuhalten.


2. Legen Sie das Attribut margin-top der zweiten Tabelle fest. Beispiel:

rrreee

bedeutet, dass am oberen Rand der Tabelle ein Abstand von 100 Pixeln eingehalten wird. So legen Sie den Abstand in einer HTML-Tabelle fest

Wissen erweitern

Das Randattribut kann den oberen, unteren, linken und rechten Rand eines Elements individuell ändern (das Element kann eine Tabelle oder ein DIV sein). Es ist auch möglich, alle Eigenschaften auf einmal zu ändern. Wenn das Attribut

margin allein verwendet wird:

Beispiel 1: margin-bottom: 100px; der untere Rand des Elements beträgt 100px.

Beispiel 2: margin-left: 100px; der linke Rand des Elements beträgt 100px.

Beispiel 3: margin-right: 100px; der rechte Rand des Elements beträgt 100px.

Beispiel 4: margin-top: 100px; der obere Rand des Elements beträgt 100px. Das Attribut

margin legt alle Attribute auf einmal fest:

Beispiel 1: margin:10px 5px 15px 20px; bedeutet:

Der obere Rand beträgt 10px

Der rechte Rand beträgt 5px

Der untere Rand beträgt 15px

Links Der äußere Rand beträgt 20 Pixel 5px; bedeutet:

Der obere und untere Rand beträgt 10px

Der rechte und linke Rand beträgt 5px

Beispiel 4: Rand: 10px; bedeutet:

Alle 4 Ränder sind 10px

Verwandte Lernempfehlungen:

HTML-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie den Abstand in einer HTML-Tabelle 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