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