HTML表格使用
2016-04-03 13:00
441 查看
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
表格标题
无边框的表格
跨越2列的表格
跨越2行的表格
在单元格中插入其他元素
单元格内容与边框的距离cellpadding调整
单元格内容与边框的距离cellspacing调整
修改表格背景色
修改表格背景色
修改单元格的背景色或背景图片
在表格中排列内容
只显示table_frame的上部
使用了thead, tbody, tfoot的表格
用col标签定义列属性
使用colgroup标签定义多列属性
更多请参考:W3School
tbody {color:blue;height:50px}
tfoot {color:red}
表格头1 | 表格头2 | 表格头3 |
---|---|---|
100 | 200 | |
400 | 500 | 600 |
姓名 | Jack |
---|---|
性别 | 男 |
姓名 | 电话 | |
---|---|---|
Jack | 555 77 854 | 555 77 854 |
姓名 | Bill Gates |
---|---|
电话 | 555 77 854 |
555 77 854 |
这是一个段落 这是另一个段落 | 这个单元包含一个表格:
| ||||
这个单元格包含一个列表: 苹果 香蕉 菠萝 | Hello |
First | Row |
Second | Row |
First | Row |
Second | Row |
First | Row |
Second | Row |
First | Row |
Second | Row |
First | Row |
Second | Row |
消费项目…. | 一月 | 二月 |
---|---|---|
衣服 | $241.10 | $50.20 |
化妆品 | $30.00 | $44.45 |
食物 | $730.40 | $650.00 |
总计 | $1001.50 | $744.65 |
First | Row |
Second | Row |
Month | Savings |
---|---|
Sum | $180 |
January | $100 |
February | $80 |
ISBN | Title | Price |
---|---|---|
3476896 | My first HTML | $53 |
ISBN | Title | Price |
---|---|---|
3476896 | My first HTML | $53 |
2489604 | My first CSS | $47 |
相关文章推荐
- 表格标签table深入了解
- Jquery实现的table最后一行添加样式的代码
- jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
- html工作中表格<tbody>标签的使用技巧
- Lua 学习笔记之C API 遍历 Table实现代码
- Lua中获取table长度问题探讨
- 获取Lua表结构(table)数据实例
- Lua教程之弱引用table
- Lua编程示例(一):select、debug、可变参数、table操作、error
- Lua中释放table占用内存的方法
- Lua中table的一些辅助函数介绍
- JQuery插件Style定制化方法的分析与比较
- Lua中获取table长度的方法
- MySQL学习笔记5:修改表(alter table)
- 关于< tbody >的一个实例,很实用。
- Mysql中 show table status 获取表信息的方法
- table 行转列的sql详解
- php循环table实现一行两列显示的方法
- CSS和JS标签style属性对照表(方便js开发的朋友)
- asp 去掉html中的table正则代码函数