HTML表格使用



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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值