首页 > Web开发 > 详细

HTML中表格(table标签)的相关属性

时间:2020-07-31 14:16:14      阅读:86      评论:0      收藏:0      [点我收藏+]
表格   tr :table row   td :table data
 1 <body>
 2     <table style="width: 240px" border="1">
 3         <caption>表格的跨行与跨列</caption>
 4         <tr>
 5             <td rowspan="2">跨2行的单元格</td>
 6             <td>普通单元格</td>
 7         </tr>
 8         <tr>
 9             <td>普通单元格</td>
10         </tr>
11         <tr>
12             <td colspan="2">跨2列的单元格</td>
13         </tr>
14         <tr>
15             <td>普通单元格</td>
16             <td>普通单元格</td>
17         </tr>
18     </table>
19 </body>

浏览效果如下:

技术分享图片

table上的属性 :border   width   height   align   bgcolor   cellspacing   cellpadding
tr上的属性 : align水平对齐方式    valign垂直对齐方式     bgcolor width height
td上的属性: height    bgcolor
 
表格合并操作:
//合并多列
<td colspan="2">row 1, cell 1</td>
//合并多行
<td rowspan="2">row 1, cell 1</td>
//多列多行合并
<td colspan="2" rowspan="2">row 1, cell 1</td>

HTML中表格(table标签)的相关属性

原文:https://www.cnblogs.com/xuyupengblogs/p/13409228.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!