码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-07-31 14:04:36      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:表格   操作   垂直   row   标签   span   idt   data   width   

表格   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标签)的相关属性

标签:表格   操作   垂直   row   标签   span   idt   data   width   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!