1.表格table
</head>
<body>
<!-- 表格标签自带的非css属性 -->
<!-- width="500" 表格的宽 -->
<!-- height="400" 表格的高 -->
<!-- border="1" 表格的边框 -->
<!-- bgcolor="pink" 表格的背景色 -->
<!-- bordercolor="red" 表格的边框颜色 -->
<!-- cellspacing="0" 单元格和单元格之间的距离 -->
<!-- cellpadding="0"内容到单元格之间的距离 -->
<!-- align="left/center/right" 表格内容水平居左/中/右 可以给table tr td设置 -->
<!-- valign="top/middle/bottom" 表格内容垂直居上/中/下 可以给tr td设置 不能给table -->
<table width="500" height="400" border="1" bgcolor="pink" bordercolor="red" cellspacing="0" cellpadding="0" align="center">
<!-- 行是tr 单元格是td -->
<tr>
<td align="center" valign="bottom">1-1</td>
<td align="right">1-2</td>
<td>1-3</td>
<td>1-4</td>
<td>1-5</td>
</tr>
<tr align="center" valign="top">
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
<td>2-4</td>
<td>2-5</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
<td>3-4</td>
<td>3-5</td>
</tr>
</table>
</body>
2.表格的合并
<body>
<!-- 同行操作td 叫合并列 colspan 合并了哪一个td 需要将哪一个td删除-->
<!-- 跨行操作td 叫合并行 rowspan 合并了哪一个td 需要将哪一个td删除 -->
<!-- table>tr*6>td*4 按tab按键 -->
<table width="500" height="400" border="1" cellspacing="0">
<tr>
<td colspan="2">1-1</td>
<!-- <td>1-2</td> -->
<td>1-3</td>
<td>1-4</td>
</tr>
<tr>
<td colspan="3">2-1</td>
<!-- <td>2-2</td> -->
<!-- <td>2-3</td> -->
<td>2-4</td>
</tr>
<tr>
<td>3-1</td>
<td colspan="3">3-2</td>
<!-- <td>3-3</td> -->
<!-- <td>3-4</td> -->
</tr>
<tr>
<td rowspan="2">4-1</td>
<td>4-2</td>
<td>4-3</td>
<td>4-4</td>
</tr>
<tr>
<!-- <td>5-1</td> -->
<td>5-2</td>
<td>5-3</td>
<td>5-4</td>
</tr>
<tr>
<td>6-1</td>
<td>6-2</td>
<td>6-3</td>
<td>6-4</td>
</tr>
</table>
</body>
3.表格的列分组
<style>
.col1{
background: pink;
}
.col2{
background: cyan;
}
.col3{
background: purple;
}
</style>
</head>
<body>
<table width="600" height="400" border="1" cellspacing="0">
<!-- 列分组 -->
<colgroup span="3" class="col1"></colgroup>
最低0.47元/天 解锁文章
5081
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
