亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

【叢林】HTML Table 表格淺談（邊框、隔行變色

szysky / 1543人閱讀

摘要：表格的一個單元格，一行中包含幾對，一行中就有幾列。。表格的頭部的一個單元格，表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距。可填寫或任意數(shù)字，分別代表奇數(shù)行列偶數(shù)行列或指定行列

此例子已經(jīng)包含本文大部分內(nèi)容，請對照參考。查看代碼 》

定義和用法

table標(biāo)簽定義 HTML 表格。

創(chuàng)建表格的四要素：table、tr、th、td

整個表格以

標(biāo)記開始、
標(biāo)記結(jié)束。

Table row。表格的一行，有幾對 tr 表格就有幾行。

Table data。表格的一個單元格，一行中包含幾對 td ，一行中就有幾列。

Table head。表格的頭部的一個單元格，表格表頭。

額外元素 、、

表格結(jié)構(gòu)，如果不加 , 表格將在加載完后才顯示。加上這些， tbody包含行的內(nèi)容優(yōu)先顯示，不必等待表格結(jié)束后再顯示。
同時，如果表格很長，用tbody分段，可以一部分一部分地顯示。
（通俗理解 table 可以按結(jié)構(gòu)一塊塊的顯示，不用等整個表格加載完后顯示。）

表格標(biāo)題

屬性 border

表格邊框的寬度。
建議設(shè)置為 0 后自行 CSS 添加邊框樣式。

cellpadding

表格單元邊界與單元內(nèi)容之間的間距（內(nèi)邊距）。
建議設(shè)置為 0 后自行 CSS 添加內(nèi)邊距樣式。

cellspacing

單元格之間的間距。

實例 使用CSS3實現(xiàn)表格隔行變色


例子代碼更加直觀易懂 查看代碼 》
使用 CSS3的 :nth-child(n) 偽類選擇器可以實現(xiàn)表格隔行變色的效果。
n 可填寫 odd、even或任意數(shù)字，分別代表奇數(shù)行/列、偶數(shù)行/列或指定行/列

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/52708.html

相關(guān)文章

  • 【叢林】HTML Table 表格淺談（邊框、隔行變色

    摘要：表格的一個單元格，一行中包含幾對，一行中就有幾列。。表格的頭部的一個單元格，表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距。可填寫或任意數(shù)字，分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容，請對照參考。查...

    sshe 評論0 收藏0

  • 【叢林】CSS 邊框淺談

    摘要：如果邊框樣式是，邊框?qū)挾葘嶋H上會重置為。不允許指定負(fù)長度值。值描述定義無邊框。不過應(yīng)用于表時除外，對于表，用于解決邊框沖突。如果沒有為邊框聲明顏色，它將與元素的文本顏色相同。這個值用于創(chuàng)建有寬度的不可見邊框。擴(kuò)展屬性邊框圖像 定義和用法 圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。 基本屬性：寬度、樣式、顏色 寬度 border-width border-width 簡寫屬性為元素的所有邊...

    seanlook 評論0 收藏0

  • layui數(shù)據(jù)表格使用（一：基礎(chǔ)篇，數(shù)據(jù)展示、分頁組件、表格內(nèi)嵌表單和圖片）

    摘要：表格展示神器之一表格前言在寫后臺管理系統(tǒng)中使用最多的就是表格數(shù)據(jù)展示了，使用表格組件能提高大量的開發(fā)效率，目前主流的數(shù)據(jù)表格組件有等博主個人比較傾向于，極簡，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈。 表格展示神器之一：layui表格 前言：在寫后臺管理系統(tǒng)中使用最多的就是表格數(shù)據(jù)展示了，使用表格組件能提高大量的開發(fā)效率，目前主流的數(shù)據(jù)表格組件有bootstrap table、layui ...

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

szysky

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<