网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
网页特效
>> 正文
div+css实现表头，常用于检索头
阅读：3178 输入：2020-05-20 12:02:19
<style> * {margin:0;padding:0} #main ul {width:100%;height:165px;list-style:none} #main li {border-left:1px solid #ccc;border-top:1px solid #ccc;float:left;width:22%;height:33px;text-align:center;line-height:33px;} #main li input{width: 100%;height: 100%;} #main li.title{width:11%;background-color:#F5F5F5;text-align:right;} #main li.b {border-bottom:1px solid #ccc;} #main li.r {border-right:1px solid #ccc;width:22%;} </style> </head> <body> <div id="main"> <ul> <li class="title">姓名</li> <li><input /></li> <li class="title">性别</li> <li>3</li> <li class="title">4</li> <li class="r">5</li> <li class="title">0</li> <li>1</li> <li class="title">3</li> <li>3</li> <li class="title">4</li> <li class="r">5</li> <li class="b title">生活更美好0</li> <li class="b">1</li> <li class="b title">2</li> <li class="b">3</li> <li class="b title">4</li> <li class="b r">5</li> </ul> </div> </body>
上一篇：
div+css实现表格，常用于数据展示
下一篇：
h5视频播放器
相关阅读
js、css实现鼠标悬停单元格变色
js报表双击固定样式，用于对比
JavaScript实现li隔行变色
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens
