html画table表格

最新推荐文章于 2024-02-16 23:45:17 发布

ZhangChuChu_9248

最新推荐文章于 2024-02-16 23:45:17 发布

阅读量406

点赞数 1

分类专栏： html/js/css 文章标签： html css javascript

本文链接：https://blog.csdn.net/qq_45991812/article/details/125285936

版权

html/js/css 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css" abt="234">
      html{background-color:#FFFFFF;margin:0 auto;max-width:450px; }
      body{background: #ffffff;height: 100%; width:100%;text-align:center;}
      #main{
       font-size:16px; 
       background: #fbfcfd; 
       background-size: auto 300px; 
       background-repeat: no-repeat;
       position: absolute; width: 100%; top: 0; 
      }
      
      table,table tr th, table tr td {
        border:1px solid #9AA1A9;
      }
      table { 
        width: 95%;
        min-height: 25px; 
        line-height: 25px; 
        text-align: center;
        border-collapse: collapse;
      }       
    </style>
  </head>
  
  <body>
    <div id="main">            
      <div class="table">
        <table>
          <tr>
            <th rowspan="2">病种</th>
            <th rowspan="2">合计</th>
            <th colspan="7">风险分布</th>
            <th rowspan="2">小计</th>
            <th rowspan="2">不适合</th>
            <th rowspan="2">数据异常</th>
            <th rowspan="2">未评估</th>                    
          </tr>
          <tr>
            <th>小计</th>
            <th>已患病</th>
            <th>待诊断</th>
            <th>很高风险</th>
            <th>高风险</th>
            <th>中风险</th>
            <th>低风险</th>
          </tr>        
          <tr>
            <td>高血压</td>
          </tr>
        </table>     
      </div>      
    </div>
  </body>
  
  <script>
  
  </script>
  
</html>

实现效果：