HTML表格使用



thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}

表格标题
表格头1 表格头2 表格头3
100 200  
400 500 600

无边框的表格
姓名 Jack
性别

跨越2列的表格
姓名 电话
Jack 555 77 854 555 77 854

跨越2行的表格
姓名 Bill Gates
电话 555 77 854
555 77 854

在单元格中插入其他元素

这是一个段落

这是另一个段落

这个单元包含一个表格:
A B
C D
这个单元格包含一个列表:
  • 苹果
  • 香蕉
  • 菠萝
Hello

单元格内容与边框的距离cellpadding调整
First Row
Second Row

单元格内容与边框的距离cellspacing调整
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

只显示table_frame的上部
First Row
Second Row





使用了thead, tbody, tfoot的表格
Month Savings
Sum $180
January $100
February $80

用col标签定义列属性
ISBN Title Price
3476896 My first HTML $53

使用colgroup标签定义多列属性
ISBN Title Price
3476896 My first HTML $53
2489604 My first CSS $47



更多请参考:W3School

你可能感兴趣的:(style,table,thead,tbody,tfoot)