table制作

来源:互联网 发布:java json 双引号 编辑:程序博客网 时间:2024/05/16 18:51

1.tbody滚动条

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>转载自·威易网CSS教程</title></head><body><table width="80%" border="1" cellspacing="0">   <thead><tr><th rowspan="2">城市名称</th><th colspan="2">最后短信营销时间_日[20170613,20170619)</th><th colspan="2">最后短信营销时间_日[20170619,20170621)</th></tr><tr><th>会员</th><th>手机号段</th><th>会员</th><th>手机号段</th></tr></thead>    <tbody>    <tr>        <td>大地城市</td>        <td>18</td>        <td>152</td>        <td>14</td>        <td>132</td>    </tr>    </tbody></table></body></html>
table tbody {    display:block;    height:195px;    overflow-y:scroll;}table thead, tbody tr {    display:table;    width:100%;    table-layout:fixed;}table thead th{     background:#ccc;}

方法一转载自:http://www.cnblogs.com/webSong/p/6242444.html