动表（临时使用）

最新推荐文章于 2024-10-01 11:34:40 发布

锅巴丨男孩

最新推荐文章于 2024-10-01 11:34:40 发布

阅读量128

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_58137137/article/details/122204712

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>新</title>
<style type="text/css">
body {
padding: 20px;
}

table {
width: 100%;
height: 580px;
background-color: white;
border-spacing: 0px 5px;
}

td {
border: 1px solid none;
text-align: center;
background-color: whitesmoke;
text-space-collapse: 0px;
font-size: 20px;
}

#bt td {
border: none;
background-color: white;
text-align: center;
font-size: 18px;
border: 1px solid none;
}

#bt #td10 {
text-align: left;
}

tr td:nth-of-type(2) {
color: red;
text-align: left;
width: 28%;
border: 1px solid none;
}

tr td:nth-of-type(3) {
color: crimson;
text-align: left;
width: 25%;
border: 1px solid none;
}

tr td:nth-of-type(4) {
text-align: left;
width: 17%;
border: 1px solid none;
}

tr td:nth-of-type(1) {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
text-align: left;
}

tr td:nth-of-type(5) {
text-align: center;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center;
width: 8%;
border: 1px solid none;
}

tr td:nth-of-type(1) {
border: 1px solid none;
width: 22%;
}

#p1 {
font-weight: 500;
font-size: 25px;
margin-bottom: -10px;
text-align: left;
}

#p2 {
font-weight: ;
color: dimgray;
text-align: left;
}

#td21 {
position: relative;
}

#sp0 {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 60px;
height: 17px;
background-color: red;
color: white;
position: absolute;
top: 0;
left: 0;
font-size: 13px;
}

#sp0 p {
margin-top: -2px;
text-align: center;
}

#td10,
#td12,
#td13,
#td14,
#td15 {
color: dimgray;
}

#tdf {
position: relative;
}

#sp1 {
position: absolute;
margin-top: -2px;
left: 90px;
color: dodgerblue;
}

#space {
width: 20px;
float: right;
}

#sp2 {
float: right;
}

#tdf td {
float: right;
position: absolute;
right: 40px;
}

#sp3 {
position: absolute;
left: 180px;
color: dodgerblue;
}
</style>
</head>
<body>

<table>
<caption>
各
2021-12-31 08:46:28 计
</caption>
<tr id="bt">
<td id="td10" color="dimgray">  地怎</td>
<td id="td12" color="dimgray">有</td>
<td id="td13" color="dimgray">计</td>
<td id="td14"></td>
<td id="td15">sw</td>
</tr>
<tr>
<td id="td21">  nmg
心土
+91</td>
<td>132</td>
<td>750</td>
<td>617</td>
<td id="tdf">1 ></td>
</tr>
<tr>
<td>  ww+13</td>
<td>2,019</td>
<td>16,609</td>
<td>13,742</td>
<td id="tdf">848 ></td>
</tr>
<tr>
<td>  南+8</td>
<td>102</td>
<td>1,707</td>
<td>1,603</td>
<td id="tdf">2 ></td>
</tr>
<tr>
<td>  香+6</td>
<td>87</td>
<td>12,436</td>
<td>12,136</td>
<td id="tdf">213 ></td>
</tr>
<tr>
<td>  川+5</td>
<td>28</td>
<td>1,276</td>
<td>1,245</td>
<td id="tdf">3 ></td>
</tr>
<tr>
<td>  广door+4</td>
<td>58</td>
<td>3,314</td>
<td>3,248</td>
<td id="tdf">8 ></td>
</tr>
<tr>
<td>  海+3</td>
<td>67</td>
<td>2,856</td>
<td>2,782</td>
<td id="tdf">7 ></td>
</tr>
<tr>
<td>  胡+1</td>
<td>15</td>
<td>1,322</td>
<td>1,306</td>
<td id="tdf">1 ></td>
</tr>
</table>
</body>
</html>