疫情html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>各地区疫情详情</title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            p{
                color: #6d736b;
                font-family: "微软雅黑";
                margin: 40px 20px 0px;
            }
            .st{
                font-size: 25px;
                color: #000;                                                                                         
            }
            .ta{
                border: 1px solid #FFF;
                border-collapse: collapse;
                margin: 0 30px 60px;
                line-height: 50px;
            }
            th{
                font-weight: normal;
                width: 300px;
            }
            td{
                border-bottom: 5px solid #FFF;
                background: #F4F4F4;
                position: relative;
                width: 500px;
            }
            .radius_l{
                border-radius: 20px 0 0 20px;
                padding-left: 10px;
            }
            .radius_r{
                border-radius: 0 20px 20px 0;
            }
            .float{
                background: red;
                font-size: 10px;
                font-family: "微软雅黑";
                border-radius: 7px 0 7px 0;
                line-height: 16px;
                position: absolute;
                left: 0px;
                color: #FFFFFF;
                padding: 0 3px;
            }
            .po{
                position: absolute;
                right: 8px;
                font-size: 26px;
            }
            th:nth-child(1),th:nth-child(6){
                width: 8%;
                text-align: left;
            }
            th:nth-child(2),td:nth-child(2){
                color: #05f;
            }
            td:nth-child(3){
                color: #FF0000;
            }
            td:nth-child(4){
                color: #750000;
            }
        </style>
    </head>
    <body>
        <p><strong class="st">各地区疫情详情</strong><br>
        截止2021-12-20 09:52:52 数据统计
        </p>
        <table class="ta">
            <tr>
                <th>地区</th>
                <th>新增</th>
                <th>现有</th>
                <th>累计</th>
                <th>治愈</th>
                <th>死亡</th>
            </tr>
            <tr >
                <td class="radius_l">广东<span class="float">新增本土</span></td>
                <td>+10</td>
                <td>77</td>
                <td>3,384</td>
                <td>3,299</td>
                <td class="radius_r">8 <span class="po">&gt;</span></td>
            </tr>            
            <tr >
                <td class="radius_l">浙江<span class="float">新增本土</span></td>
                <td>+12</td>
                <td>499</td>
                <td>1,987</td>
                <td>1,487</td>
                <td class="radius_r">1<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">北京<span class="float">新增本土</span></td>
                <td>+4</td>
                <td>16</td>
                <td>1,204</td>
                <td>1,179</td>
                <td class="radius_r">9<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">陕西<span class="float">新增本土</span></td>
                <td>+25</td>
                <td>69</td>
                <td>778</td>
                <td>706</td>
                <td class="radius_r">3 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">上海</td>
                <td>+16</td>
                <td>113</td>
                <td>2,975</td>
                <td>2,855</td>
                <td class="radius_r">7<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">广西</td>
                <td>+14</td>
                <td>210</td>
                <td>537</td>
                <td>325</td>
                <td class="radius_r">2<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">香港</td>
                <td>+8</td>
                <td>129</td>
                <td>12,526</td>
                <td>12,184</td>
                <td class="radius_r">213 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">内蒙古</td>
                <td>+7</td>
                <td>432</td>
                <td>1,185</td>
                <td>752</td>
                <td class="radius_r">1<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">甘肃</td>
                <td>+7</td>
                <td>10</td>
                <td>354</td>
                <td>342</td>
                <td class="radius_r">2 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">台湾</td>
                <td>+6</td>
                <td>2,213</td>
                <td>16,805</td>
                <td>13,742</td>
                <td class="radius_r">850 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">云南</td>
                <td>+2</td>
                <td>110</td>
                <td>1,785</td>
                <td>1,673</td>
                <td class="radius_r"> 2<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">江苏</td>
                <td>+1</td>
                <td>4</td>
                <td>1,622</td>
                <td>1,618</td>
                <td class="radius_r"> 0<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">四川</td>
                <td>+1</td>
                <td>32</td>
                <td>1,301</td>
                <td>1,266</td>
                <td class="radius_r">3 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">湖南</td>
                <td>+1</td>
                <td>4</td>
                <td>1,203</td>
                <td>1,195</td>
                <td class="radius_r"> 4<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">辽宁</td>
                <td>+1</td>
                <td>28</td>
                <td>792</td>
                <td>762</td>
                <td class="radius_r"> 2<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">天津</td>
                <td>+1</td>
                <td>18</td>
                <td>541</td>
                <td>520</td>
                <td class="radius_r"> 3<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">湖北</td>
                <td>0</td>
                <td>1</td>
                <td>68,316</td>
                <td>63,803</td>
                <td class="radius_r">4,512 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">黑龙江</td>
                <td>0</td>
                <td>21</td>
                <td>2,035</td>
                <td>2,001</td>
                <td class="radius_r">13 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">河南</td>
                <td>0</td>
                <td>38</td>
                <td>1,638</td>
                <td>1,578</td>
                <td class="radius_r">22 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">河北</td>
                <td>0</td>
                <td>4</td>
                <td>1,458</td>
                <td>1,447</td>
                <td class="radius_r"> 7<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">福建</td>
                <td>0</td>
                <td>23</td>
                <td>1,340</td>
                <td>1,316</td>
                <td class="radius_r">1 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">山东</td>
                <td>0</td>
                <td>28</td>
                <td>1,037</td>
                <td>1,002</td>
                <td class="radius_r">7 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">安徽</td>
                <td>0</td>
                <td>1</td>
                <td>1,009</td>
                <td>1,002</td>
                <td class="radius_r">6 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">新疆</td>
                <td>0</td>
                <td>0</td>
                <td>981</td>
                <td>978</td>
                <td class="radius_r"> 3<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">江西</td>
                <td>0</td>
                <td>0</td>
                <td>959</td>
                <td>958</td>
                <td class="radius_r"> 1<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">重庆</td>
                <td>0</td>
                <td>2</td>
                <td>610</td>
                <td>602</td>
                <td class="radius_r">6 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">吉林</td>
                <td>0</td>
                <td>8</td>
                <td>588</td>
                <td>577</td>
                <td class="radius_r"> 3<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">山西</td>
                <td>0</td>
                <td>0</td>
                <td>265</td>
                <td>265</td>
                <td class="radius_r"> 0<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">海南</td>
                <td>0</td>
                <td>0</td>
                <td>190</td>
                <td>184</td>
                <td class="radius_r"> 6<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">贵州</td>
                <td>0</td>
                <td>0</td>
                <td>159</td>
                <td>157</td>
                <td class="radius_r"> 2<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">宁夏</td>
                <td>0</td>
                <td>0</td>
                <td>122</td>
                <td>122</td>
                <td class="radius_r"> 0<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">澳门</td>
                <td>0</td>
                <td>0</td>
                <td>77</td>
                <td>77</td>
                <td class="radius_r">0 <span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">青海</td>
                <td>0</td>
                <td>0</td>
                <td>30</td>
                <td>30</td>
                <td class="radius_r"> 0<span class="po">&gt;</span></td>
            </tr>
            <tr >
                <td class="radius_l">西藏</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>1</td>
                <td class="radius_r"> 0<span class="po">&gt;</span></td>
            </tr>
        </table>
    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值