abstrait：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格測試作業(yè)</title&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格測試作業(yè)</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
table {
border: 1px solid #ccc;
border-collapse: collapse;
width: 500px;
}
tr th {
border: 1px solid #ccc;
height: 50px;
}
tr td {
height: 50px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<tr>
<td colspan="4">這是合并列1</td>
</tr>
<tr>
<td rowspan="2">這是合并行 1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
Professeur correcteur：天蓬老師Temps de correction：2019-04-13 21:52:06
Résumé du professeur：有二點建議:
1. <style>中盡可能不要用*, 直接用標簽名, 進行樣式重置
2. <table>中推薦添加<tbody>, 否則有可能用js獲取單元格數(shù)據(jù)時出錯, 就算你不加, 瀏覽也會自己加, 不如你主動點