成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

szysky / 1488人閱讀

摘要:表格的一個(gè)單元格,一行中包含幾對(duì),一行中就有幾列。。表格的頭部的一個(gè)單元格,表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距??商顚?xiě)或任意數(shù)字,分別代表奇數(shù)行列偶數(shù)行列或指定行列

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

定義和用法

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

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

整個(gè)表格以

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

Table row。表格的一行,有幾對(duì) tr 表格就有幾行。

Table data。表格的一個(gè)單元格,一行中包含幾對(duì) td ,一行中就有幾列。

Table head。表格的頭部的一個(gè)單元格,表格表頭。

額外元素 、、

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

表格標(biāo)題

屬性 border

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

cellpadding

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

cellspacing

單元格之間的間距。

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


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

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/52708.html

相關(guān)文章

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

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

    sshe 評(píng)論0 收藏0
  • 叢林】CSS 邊框淺談

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

    seanlook 評(píng)論0 收藏0
  • layui數(shù)據(jù)表格使用(一:基礎(chǔ)篇,數(shù)據(jù)展示、分頁(yè)組件、表格內(nèi)嵌表單和圖片)

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

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<