css固定表头_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:52:08
原创
1173人浏览过

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <style>        .main{            font-family: '微软雅黑';            width: 100%;            border-left:1px solid #dfdfdf ;            border-top:1px solid #dfdfdf ;            border-right: 1px solid #dfdfdf;        }        .head table{            width: 100%;            height: 30px;            padding-right: 17px;            border-bottom: 1px solid #dfdfdf;        }        .head th{            border-right: 1px solid #dfdfdf;        }        .body table{            width: 100%;        }        .body tr{            border-top: 1px solid #dfdfdf;            border-bottom: 1px solid #dfdfdf;            height: 30px;        }        .body td{            border-right: 1px solid #dfdfdf;            border-bottom: 1px solid #dfdfdf;        }        .body{            max-height: 500px;            overflow-y: scroll;        }    </style></head><body><div>    <div>        <table cellpadding="0" cellspacing="0">            <tr>                <th width="120">测试项目1</th>                <th width="20">测试项目2</th>                <th width="20">测试项目3</th>                <th width="20">测试项目4</th>                <th width="20">测试项目5</th>            </tr>        </table>    </div>    <div>        <table cellpadding="0" cellspacing="0">            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>            <tr>            <td width="120">单元测试1</td>            <td width="20">单元测试2</td>            <td width="20">单元测试3</td>            <td width="20">单元测试4</td>            <td width="20">单元测试5</td>        </tr>            <tr>                <td width="120">单元测试1</td>                <td width="20">单元测试2</td>                <td width="20">单元测试3</td>                <td width="20">单元测试4</td>                <td width="20">单元测试5</td>            </tr>        </table>    </div></div></body></html>
登录后复制

爱图表
爱图表

AI驱动的智能化图表创作平台

爱图表 99
查看详情 爱图表
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号