點擊右上方紅色按鈕關注“小鄭搞碼事”,每天都能學到知識,搞懂一個問題!
單純的table應該比CSS還要老,也就是說在出現CSS布局之前就已經有了table布局。后來CSS又加強了和table的聯系,如對table類別的display屬性值的支持等。然而,table本身還有有很多使用場景的,關鍵是要知道什么時候適應使用table來處理問題。
一,常規的table屬性<table aling=left>...</table> 表格位置,置左
<table aling=center>...</table> 表格位置,置中
<table background=圖片路徑>...</table> 背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table> 設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table> 設定表格的背景顏色
<table borderclor=顏色碼>...</table> 設定表格邊框的顏色
<table borderclordark=顏色碼>...</table> 設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table> 設定表格亮邊框的顏色
<table cellpadding=參數>...</table> 指定內容與格線之間的間距(使用數字)
<table cellspacing=參數>...</table> 指定格線與格線之間的距離(使用數字)
<table cols=參數>...</table> 指定表格的欄數
<table frame=參數>...</table> 設定表格外框線的顯示方式
<table width=寬度>...</table> 指定表格的寬度大小(使用數字)
<table height=高度>...</table> 指定表格的高度大小(使用數字)
<td colspan=參數>...</td> 指定儲存格合并欄的欄數(使用數字)
<td rowspan=參數>...</td> 指定儲存格合并列的列數(使用數字)
二、td寬度固定table-layout這個屬性,我曾經專門分析過,也寫過一篇文章,可以參考一下。
這里簡單看一下它的作用:
主要注意,列寬一個由內容設定一個由表格本身寬度設定,如下圖所示:
很好理解。
三、合并表格邊框border-collap先來看一下它的取值有哪些:
就是三個,當取collap時,邊框會合并為一個單一的邊框,如下所示:
當取parate時,邊框會被分開,如下所示:
最后總結:
關于表格的常用屬性常用的都在這里,最后那兩個相對來說比較新, 重點理解一下。
本文發布于:2023-02-28 21:01:00,感謝您對本站的認可!
本文鏈接:http://m.newhan.cn/zhishi/a/1677716903100572.html
版權聲明:本站內容均來自互聯網,僅供演示用,請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系,我們將在24小時內刪除。
本文word下載地址:cellspacing.doc
本文 PDF 下載地址:cellspacing.pdf
| 留言與評論(共有 0 條評論) |