div 实现表格布局
2015-06-07 10:01
148 查看
<html> <head> <style> div.table{ font-size:0; width:400px; border-top-style: solid; border-top-width: 1px; border-left-style: solid; border-left-width: 1px; margin:0 auto; } div.table>div>div{ font-size:18; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; width:199px; display:inline-block; margin:0px; padding:0px; text-align: center; } div.table>div:first-child{ background-color:pink; } </style> </head> <body> <div class="table" > <div> <div>ID</div> <div>Name</div> </div> <div> <div>001</div> <div>xiaohong</div> </div> <div> <div>002</div> <div>xiaohong</div> </div> <div> <div>003</div> <div>xiaohong</div> </div> <div> <div>004</div> <div>xiaohong</div> </div> <div> <div>005</div> <div>xiaohong</div> </div> </div> </body> </html>
相关文章推荐
- Spring包下载地址
- Android 水平平均布局
- unity 3D 常见英文单词的中文意思
- ComponentName意思
- LayoutInflater使用
- 浅谈 ngx_lua 在 UPYUN 的应用
- 社説 20150607 日中財務対話 アジアの発展へ連携できるか
- 社説 20150607 出生率低下 少子化克服へ施策を加速せよ
- C#设计模式(20)——策略者模式(Stragety Pattern)
- java 面试题 请设计一个方法,可以实现获取任意范围内的随机数
- memcpy源代码
- 计算机网络(第五版 作者:AndrewS.Tanenbaum David J.Wetherall 清华大学出版社)读书笔记----第二章的学习
- 日经社説 20150607 ネット資金を新産業の創出に生かそう
- Cheese
- c++虚函数表
- c++虚函数表
- SpringMVC访问静态资源的三种方式
- JDBC
- Acegi安全系统介绍
- 日经社説 20150607 原油安は調達改革の好機だ