Home >Web Front-end >HTML Tutorial >How to set spacing in html table

How to set spacing in html table

coldplay.xixi
coldplay.xixiOriginal
2021-02-20 14:05:0519857browse

How to set the spacing of the html table: 1. Set the [margin-bottom] attribute of the first tbale, the code is [

How to set spacing in html table

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer. This method is suitable for all brands of computers.

How to set the spacing in html tables:

1. Set the margin-bottom attribute of the first tbale. For example:

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

means to maintain 100px spacing at the bottom of the table.

2. Set the margin-top attribute of the second tbale. For example:

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

means to maintain 100px spacing at the top of the table.

How to set spacing in html table

Extended knowledge

The margin attribute can individually change the top, bottom, left, and right margins of an element (the element can be a table or DIV). It is also possible to change all properties at once.

When the margin attribute is used alone: ​​

Example 1: margin-bottom: 100px; the bottom margin of the element is 100px.

Example 2: margin-left: 100px; the left margin of the element is 100px.

Example 3: margin-right: 100px; the right margin of the element is 100px.

Example 4: margin-top: 100px; the top margin of the element is 100px.

margin attribute sets all attributes at once:

Example 1: margin:10px 5px 15px 20px; means:

The top margin is 10px

The right margin is 5px

The bottom margin is 15px

The left margin is 20px

Example 2: margin:10px 5px 15px; means:

The top margin is 10px

The right margin and left margin are 5px

The bottom margin is 15px

Example 3: margin:10px 5px; Represents:

The top and bottom margins are 10px

The right and left margins are 5px

Example 4: margin:10px;Represents:

All 4 margins are 10px

Related learning recommendations: html tutorial

The above is the detailed content of How to set spacing in html table. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn