演示网页表格颜色布局

先上代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84


<html>
    <head>
		<meta charset="utf-8">
		<title>作业</title>	
		<style>
		 table
		 {
			 background-color:white;
		 }
		</style>
    </head>
    <body text="black">

        <table bgcolor="cyan" border="1" width="100%" height="100%" cellpadding="0" cellspacing="0">
			<!-- 表头 -->
			<tr>
				<th bgcolor="white"></th>
				<th bgcolor="white">A</th>
				<th bgcolor="white">B</th>
				<th bgcolor="white">C</th>
				<th bgcolor="white">D</th>
				<th bgcolor="white">E</th>
				<th bgcolor="white">F</th>				
				<th bgcolor="white">G</th>				
			</tr>
			<!-- 第一行 -->
			<tr>
				<th bgcolor="white">1</th>				
				<td rowspan="9" colspan="2" bgcolor="yellow"></td>
				<td rowspan="2" colspan="5" bgcolor="#EFE6CF"></td>					
			</tr>
			<!-- 第二行 -->
			<tr>
				<th bgcolor="white">2</th>				
			</tr>
			<!-- 第三行 -->
			<tr>
				<th bgcolor="white">3</th>
				<td bgcolor="green"></td>				
				<td bgcolor="white"></td>
				<td rowspan="2" colspan="2" bgcolor="purple"></td>						
				<td bgcolor="white"></td>				
			</tr>
			<!-- 第四行 -->
			<tr>
				<th bgcolor="white">4</th>				
				<td bgcolor="white"></td>
				<td bgcolor="white"></td>
				<td bgcolor="white"></td>
			</tr>
			<!-- 第五行 -->
			<tr>
				<th bgcolor="white">5</th>
				<td bgcolor="white"></td>
				<td bgcolor="white"></td>
				<td bgcolor="white"></td>
				<td bgcolor="white"></td>
				<td bgcolor="white"></td>
			</tr>
			<!-- 第六行 -->
			<tr>
				<th bgcolor="white">6</th>
				<td rowspan="2" colspan="4" bgcolor="#EFE6CF"></td>
				<td bgcolor="white"></td>
			</tr>
			<!-- 第七行 -->
			<tr>
				<th bgcolor="white">7</th>
				<td bgcolor="white"></td>
			</tr>
			<!-- 第八行 -->
			<tr>
				<th bgcolor="white">8</th>	
				<td bgcolor="white"></td>
				<td rowspan="2" colspan="4" bgcolor="red"></td>
			</tr>
			<!-- 第九行 -->
			<tr>
				<th bgcolor="white">9</th>	
				<td bgcolor="white"></td>
			</tr>
		</table>
    </body>
</html>

参考链接

【HTML】图像标签、文本、表格的颜色及其背景色

菜鸟教程-CSS教程-表格颜色

肉色调制方法

我是借助windows自带的"画图"工具，用调色器调制并添加了调出来的肉色，将肉色的颜色代码复制粘贴到html文件中使用