html画table表格

小咪咪 2023-10-03 19:14 129阅读 0赞

代码：

  1. <!DOCTYPE>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <style type="text/css" abt="234">
  6.       html{background-color:#FFFFFF;margin:0 auto;max-width:450px; }
  7.       body{background: #ffffff;height: 100%; width:100%;text-align:center;}
  8.       #main{
  9.        font-size:16px; 
  10.        background: #fbfcfd; 
  11.        background-size: auto 300px; 
  12.        background-repeat: no-repeat;
  13.        position: absolute; width: 100%; top: 0; 
  14.       }
  16.       table,table tr th, table tr td {
  17.         border:1px solid #9AA1A9;
  18.       }
  19.       table { 
  20.         width: 95%;
  21.         min-height: 25px; 
  22.         line-height: 25px; 
  23.         text-align: center;
  24.         border-collapse: collapse;
  25.       }       
  26.     </style>
  27.   </head>
  29.   <body>
  30.     <div id="main">            
  31.       <div class="table">
  32.         <table>
  33.           <tr>
  34.             <th rowspan="2">病种</th>
  35.             <th rowspan="2">合计</th>
  36.             <th colspan="7">风险分布</th>
  37.             <th rowspan="2">小计</th>
  38.             <th rowspan="2">不适合</th>
  39.             <th rowspan="2">数据异常</th>
  40.             <th rowspan="2">未评估</th>                    
  41.           </tr>
  42.           <tr>
  43.             <th>小计</th>
  44.             <th>已患病</th>
  45.             <th>待诊断</th>
  46.             <th>很高风险</th>
  47.             <th>高风险</th>
  48.             <th>中风险</th>
  49.             <th>低风险</th>
  50.           </tr>        
  51.           <tr>
  52.             <td>高血压</td>
  53.           </tr>
  54.         </table>     
  55.       </div>      
  56.     </div>
  57.   </body>
  59.   <script>
  61.   </script>
  63. </html>

实现效果：

fd84ff9202b54219b69f54ca55609708.png

发表评论

表情：
评论列表 （有 0 条评论，129人围观）

还没有评论，来说两句吧...

相关阅读

    相关 HTML表格table

    什么是表格？表格是由行和列排列而成的一种结构，按照行和列呈现数据，从而进行页面布局。这种布局方式已经过时。建议使用div+css实现页面布局。   如何创建HTML表格：H

    淡淡的烟草味﹌淡淡的烟草味﹌/ 0 赞/ 497 阅读

    相关 HTML <table>表格概述

    使用`<table>`可以创建一个表格， 之前，表格会用来进行页面布局，但是由于嵌套过于复杂，不利于灵活布局和后期改版，当前已经鲜有使用，不要认为它已经被淘汰，而是被用来...

    小灰灰小灰灰/ 0 赞/ 1108 阅读