国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

sshe / 2034人閱讀

摘要:表格的一個單元格,一行中包含幾對,一行中就有幾列。。表格的頭部的一個單元格,表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字,分別代表奇數行列偶數行列或指定行列

此例子已經包含本文大部分內容,請對照參考。查看代碼 》

定義和用法

table標簽定義 HTML 表格。

創建表格的四要素:tabletrthtd

整個表格以

標記開始、
標記結束。

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

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

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

額外元素

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

表格標題

屬性 border

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

cellpadding

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

cellspacing

單元格之間的間距。

實例 使用CSS3實現表格隔行變色


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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/113568.html

相關文章

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

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

    szysky 評論0 收藏0
  • 叢林】CSS 邊框淺談

    摘要:如果邊框樣式是,邊框寬度實際上會重置為。不允許指定負長度值。值描述定義無邊框。不過應用于表時除外,對于表,用于解決邊框沖突。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。這個值用于創建有寬度的不可見邊框。擴展屬性邊框圖像 定義和用法 圍繞元素內容和內邊距的一條或多條線。 基本屬性:寬度、樣式、顏色 寬度 border-width border-width 簡寫屬性為元素的所有邊...

    seanlook 評論0 收藏0
  • layui數據表格使用(一:基礎篇,數據展示、分頁組件、表格內嵌表單和圖片)

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

    番茄西紅柿 評論0 收藏0

發表評論

0條評論

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