使用table布局,复合表头table表格
效果图:
-
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
background: #0A1B6D;
}
table {
border-collapse: collapse;
color: #F6F7F9;
}
.myTable td {
border: 1px solid #294485;
text-align: center;
}
.myTable td span {
margin: 5px;
display: inline-block;
width: 70px;
height: 30px;
line-height: 30px;
border-radius: 4px;
}
.red-bg{
background: