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