<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>11-table表格</title>
</head>
<body>
快捷键:table>tr*2>td*2
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
一、表格属性:
1.宽度 width
2.高度 height
3.边框 border
4.边框颜色 bordercolor
5.背景颜色 bgcolor
6.水平对齐 align="left或right或center"
7.cellspacing="单元格与单元格之间的距离"
8.cellpadding="单元格与内容之间的空隙"
二、表格的相关属性
行hr属性:
1.高度 height
2.背景颜色 bgcolor
3.文字水平对齐 align="left或right或center"
4.文字垂直对齐 valign="top或middle或bottom"
单元格td属性
1.宽度 width
2.高度 height
(如果一个单元格的设置高度/宽度,影响的是这一整行/列的高度/宽度)
3.背景颜色 bgcolor
4.文字水平对齐 align="left或right或center"
5.文字垂直对齐 valign="top或middle或bottom"
三、表格合并列
colspan="所要合并的单元格的列数",必须给td。
四、表格合并行
rowspan="所要合并的单元格的行数",必须给td。
</body>
</html>
0008-table表格
最新推荐文章于 2024-07-18 20:18:47 发布