<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table</title>
<style type="text/css">
td{
text-align: center;
}
</style>
</head>
<body>
<!--table主要属性：
bgcolor：表格背景颜色
align：对齐方式，表格整体对齐方式，值有三个，left；right；center
border：边框大小 单位可以不加px
bordercolor：边框颜色
width，height：宽高，单位px
cellspacing：表格内部边框间边距，最小为0，单位px
cellpadding：单个表格内部内容与边框间边距，最小为0，单位px
background：背景图片
-->
<table bgcolor="aqua" align="center" border="1" bordercolor="black" width="900px" height="150px" cellspacing="0" cellpadding="">
<!--不推荐在tr标签内添加属性-->
<tr>
<!--推荐在td标签内添加属性-->
<!--td属性：
bgcolor：背景色
width，height：宽高，可以用px也可以用%
没有border属性
align：水平对齐
valign：垂直对齐
background：背景图片
-->
<td colspan="2">内容</td>
<td rowspan="2">内容</td>
</tr>
<tr>
<!--跨域：
跨行和跨列：
跨行：rowspan
跨列：colspan
rowspan或colspan都应写在td标签内
需要跨多少行/列，值就为多少
完成跨行/列之后，要保证行列数不变，多出来的要删掉
-->
<td rowspan="2">内容</td>
<td>内容</td>
</tr>
<tr>
<td colspan="2">内容</td>
</tr>
</table>
</body>
</html>
table标签基础 课堂笔记
猜你喜欢
转载自blog.csdn.net/s_1978p1/article/details/81317143
今日推荐
周排行