一个简单的HTML表格由table元素及一个或多个tr,th,td组成。
<table>...</table>标签用于插入表格
tr定义表格行
th定义表头
td定义表格单元
<body>
<table width="200" border="1">#width宽度,border边框
<tr>
<td>第一行左边</td>
<td>第一行右边</td>
</tr>
<tr>
<td>第二行</td>
<td>第二行右</td>
</tr>
<tr>
<td>第三行</td>
<td>第三行</td>
</tr>
</table>
</body>
表格有双边框。这是因为表和th/ td元素有独立的边界。
为了显示一个表的单个边框,使用 border-collapse属性。
<style>
table {
border-collapse: collapse;#实线
width:100;#高度
}
th{
height:66;#宽度
background-color:green;#表头背景颜色(第一行)
color:white;
}
table, td, th {
border: 1px solid green;#表格线粗细,颜色
}
td
{
text-align:right;#文本右对齐
}
</style>
TABLE表格元素