HTML中有关表格的基本属性知识
生活随笔
收集整理的這篇文章主要介紹了
HTML中有关表格的基本属性知识
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
表格在網頁編程中使用非常的廣泛，而且也非常的重要，下面我就將本人編程中所總結的有關表格的基本屬性整理處理。
?
?
table標簽的基本屬性如下：
border:可以的取值為1和0,1代表有邊框，0代表沒有邊框。
bordercolor：可以設置邊框的顏色，值為顏色值。
bgcolor:設置表格的背景顏色
background:設置背景圖片
?
tr：表示表格中的行標記，屬性有align：左中右三個值
td：列標記，align屬性可以設置內容的位置
th：是第一行的標題
valign屬性可以設置th和td，可以取值Top或者Bottom。
callpadding：內容與單元格邊框的間距
cellspacing：防止文本超出邊框
如果要使單元格實現跨行或者跨列功能，使用屬性colspan和rowspan.
?
實例代碼：
<body><table border="1" bordercolor="red" bgcolor="#ff4646"><caption>表格示例</caption><tr align="center"><th>標題1</th><th>標題2</th><th>標題3</th></tr><tr><td align="left">左</td><td align="center">中</td><td align="right">右</td></tr><tr><td valign="top">top</td><td>center</td><td valign="bottom">bottom</td></tr></table> </body>
?
單元格跨行
<table border="1" bordercolor="#1f1fff"><caption>單元格的跨行</caption><tr><th>姓名</th><th colspan="2">電話</th></tr><tr><td>東騰</td><td>1301485237 1067225098</td></tr></table>
?
單元格跨列
<table border="1"><caption>單元格跨列</caption><tr><th>姓名</th><th>電話</th></tr><tr><td rowspan="2">東騰</td><td>1301485237</td></tr><tr><td>1067225098</td></tr></table>
不足之處，還望指點！！！
?
轉載于:https://my.oschina.net/dongteng/blog/684350
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的HTML中有关表格的基本属性知识的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 关于分享
- 下一篇： 常用的Firefox浏览器插件、Chro