首頁 > web前端 > html教學 > html表格如何設定間距

html表格如何設定間距

coldplay.xixi
發布: 2021-02-20 14:05:05
原創
19831 人瀏覽過

html表格設定間距的方法:1、設定第一個tbale的【margin-bottom】屬性,程式碼為【

html表格如何設定間距

本教學操作環境:windows7系統、html5版,DELL G3電腦,此方法適用於所有品牌電腦。

html表格設定間距的方法:

1、設定第一個tbale的margin-bottom屬性。例如:

<table width="100%" style="margin-bottom:100px">
登入後複製

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

2、設定第二個tbale的margin-top屬性。例如:

<table width="100%" style="margin-top:100px">
登入後複製

表示table表格頂部保持100px間距。

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板