结构
表格:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CSS样式</title>
<style>
caption#x{
background-color: antiquewhite;
font-size: 10px;
}
table{
border: 1px solid;
}
th,td{
border: 1px solid;
}
tr>th{
color: aqua;
}
tr td{
color: aquamarine;
}
.qw{
color: blue;
}
.qw1 ~ *{
color: chartreuse;
}
</style>
</head>
<body>
<table class="sty1" >
<caption id="x">这是一个表格</caption>
<thead>
<tr>
<th class="sty2">item1</th>
<th class="sty2" colspan="3">item2</th>
</tr>
</thead>
<tbody id="sty4">
<tr class="sty3">
<td rowspan="3">sty1</td>
<td>sty2</td>
<td>sty3</td>
<td>sty4</td>
</tr>
<tr class="sty3">
<td>sty2</td>
<td>sty3</td>
<td>sty4</td>
</tr>
<tr class="sty3">
<td>sty2</td>
<td>sty3</td>
<td>sty4</td>
</tr>
</tbody>
</table>
<p class="qw">wdijla</p>
<p class="qw1">wdijla</p>
<p class="qw2">wdijla</p>
<p class="qw3">wdijla</p>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CSS样式</title>
<style>
caption{
color: aqua;
}
body{
background-color: antiquewhite;
}
</style>
</head>
<body>
<table border="2">
<caption>学生基本表 </caption>
<thead>
<tr>
<th>编号</th>
<th cowspan="2">姓名</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td cowspan="2">吴昊</td>
<td>男</td>
</tr>
<tr>
<td>002</td>
<td cowspan="2">轻微的</td>
<td>男</td>
</tr>
</tbody>
</table>
</body>
</html>