您的位置:首页 > Web前端 > HTML

HTML表格使用

2016-04-03 13:00 441 查看
thead {color:green}

tbody {color:blue;height:50px}

tfoot {color:red}

表格标题
表格头1表格头2表格头3
100200
400500600
无边框的表格
姓名Jack
性别
跨越2列的表格
姓名电话
Jack555 77 854555 77 854
跨越2行的表格
姓名Bill Gates
电话555 77 854
555 77 854
在单元格中插入其他元素
这是一个段落

这是另一个段落

这个单元包含一个表格:
AB
CD
这个单元格包含一个列表:

苹果

香蕉

菠萝

Hello
单元格内容与边框的距离cellpadding调整
FirstRow
SecondRow
单元格内容与边框的距离cellspacing调整
FirstRow
SecondRow
修改表格背景色
FirstRow
SecondRow
修改表格背景色
FirstRow
SecondRow
修改单元格的背景色或背景图片
FirstRow
SecondRow
在表格中排列内容
消费项目….一月二月
衣服$241.10$50.20
化妆品$30.00$44.45
食物$730.40$650.00
总计$1001.50$744.65
只显示table_frame的上部
FirstRow
SecondRow
使用了thead, tbody, tfoot的表格

MonthSavings
Sum$180
January$100
February$80
用col标签定义列属性

ISBNTitlePrice
3476896My first HTML$53
使用colgroup标签定义多列属性

ISBNTitlePrice
3476896My first HTML$53
2489604My first CSS$47
更多请参考:W3School
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  style table thead tbody tfoot