ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLテーブルで間隔を設定する方法

HTMLテーブルで間隔を設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-02-20 14:05:0519802ブラウズ

HTML テーブルで間隔を設定する方法: 1. 最初のテーブルの [margin-bottom] 属性を設定します。コードは [

HTMLテーブルで間隔を設定する方法

このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

HTML テーブルの間隔を設定する方法:

1. 最初のテーブルの margin-bottom 属性を設定します。例:

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

は、テーブルの下部に 100 ピクセルの間隔を維持することを意味します。

2. 2 番目のテーブルの margin-top 属性を設定します。例:

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

は、テーブルの上部に 100 ピクセルの間隔を維持することを意味します。

HTMLテーブルで間隔を設定する方法

拡張知識

margin 属性は、要素の上下左右のマージンを個別に変更できます (要素はテーブルまたは DIV)。すべてのプロパティを一度に変更することも可能です。

margin 属性を単独で使用する場合:

例 1: margin-bottom: 100px; 要素の下マージンは 100px です。

例 2: margin-left: 100px; 要素の左マージンは 100px です。

例 3: margin-right: 100px; 要素の右マージンは 100px です。

例 4: margin-top: 100px; 要素の上マージンは 100px です。

margin 属性はすべての属性を一度に設定します:

例 1: margin:10px 5px 15px 20px; 意味:

上マージンは 10px

右マージンは 5px

下マージンは 15px

左マージンは 20px

例 2: margin:10px 5px 15px; 意味:

上マージンは 10px

右マージンと左マージンは 5px

下マージンは 15px

例 3: margin:10px 5px; を表します:

上下の余白は 10px

左右の余白は 5px

例 4: margin:10px;表現:

すべて 4余白は 10px

関連学習の推奨事項: html チュートリアル

以上がHTMLテーブルで間隔を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。