1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta http-equiv ="Content-Type " content ="text/html; charset=UTF-8 ">
5
+ < style >
6
+ table {
7
+ border-collapse : collapse;
8
+ }
9
+ body {
10
+ margin : 10px
11
+ }
12
+ td {
13
+ border : 2px solid black
14
+ }
15
+ div {
16
+ box-sizing : border-box
17
+ }
18
+ </ style >
19
+ </ head >
20
+
21
+ < body >
22
+
23
+ < table style ="width:370px ">
24
+ < colgroup >
25
+ < col style ="width:20% ">
26
+ < col style ="width:10% ">
27
+ < col style ="width:20% ">
28
+ < col style ="width:45% ">
29
+ < col style ="width:15% ">
30
+ < col style ="width:20% ">
31
+ </ colgroup >
32
+ < tbody >
33
+ < tr >
34
+ < td colspan ="3 "> < div style ="width:175px;background-color:rgba(228,47,47,1) "> < div > 175</ div > </ div > </ td >
35
+ < td > < div style ="background-color:rgba(240,152,62,1);width:85px "> < div > 85</ div > </ div > </ td >
36
+ < td colspan ="2 "> < div style ="width:85px;background-color:rgba(250,249,35,1) "> < div > 85</ div > </ div > </ td >
37
+ </ tr >
38
+ < tr >
39
+ < td > < div style ="width:75px;background-color:rgba(175,253,27,1) "> < div > 75</ div > </ div > </ td >
40
+ < td > < div style ="width:20px;background-color:rgba(120,205,255,1) "> < div > 20</ div > </ div > </ td >
41
+ < td > < div style ="width:50px;background-color:rgba(23,236,55,1) "> < div > 50</ div > </ div > </ td >
42
+ < td colspan ="2 "> < div style ="width:100px;background-color:rgba(47,243,137,1) "> < div > 100</ div > </ div > </ td >
43
+ < td > < div style ="width:35px;background-color:rgba(107,133,253,1) "> < div > 35</ div > </ div > </ td >
44
+ </ tr >
45
+ </ tbody >
46
+ </ table >
47
+
48
+ < table style ="width:370px ">
49
+ < colgroup >
50
+ < col style ="width:90% ">
51
+ < col style ="width:30% ">
52
+ < col style ="width:40% ">
53
+ </ colgroup >
54
+ < tbody >
55
+ < tr >
56
+ < td > < div style ="background-color:rgba(240,152,62,1);width:170px "> < div > 170</ div > </ div > </ td >
57
+ < td colspan ="2 "> < div style ="width:170px;background-color:rgba(250,249,35,1) "> < div > 170</ div > </ div > </ td >
58
+ </ tr >
59
+ < tr >
60
+ < td colspan ="2 "> < div style ="width:200px;background-color:rgba(47,243,137,1) "> < div > 200</ div > </ div > </ td >
61
+ < td > < div style ="width:70px;background-color:rgba(107,133,253,1) "> < div > 70</ div > </ div > </ td >
62
+ </ tr >
63
+ </ tbody >
64
+ </ table >
65
+
66
+ < div style ="width:370px;background-color:rgba(231,143,231,1);border:2px solid "> < div > 370</ div > </ div >
67
+
68
+ </ body >
69
+ </ html >
0 commit comments