全栈(一)

表格、给表格添加样式、长表格

2019-12-19  本文已影响0人  Agony_锐

表格:

1、在HTML中,使用table标签来创建一个表格

2、在table标签中使用tr来表示表格中的一行,有几行就有几对tr

3、在tr中需要使用td来创建一个单元格,有几个单元格就有几个td

4、td在tr里    tr在table里

5、tr代表行    tb代表列

6、rowspan设置纵合并    colspan设置横合并

给表格添加样式:

1、table和td边框之间默认有一个距离,border-spacing属性可以设置这个距离

2、border-collapse可以用来设置表格的边框合并,如果设置了边框合并,则border-spacing自动失效

3、

4、可以使用th标签来表示表头中的内容,它的用法和td一样,不同的是它会有一些默认效果

长表格:


1、thead: 表头

     tbody: 表格主体

     tfoot: 表格底部

2、这三个标签都是table的子标签,都需要直接写到table中,tr需要写在这些标签当中

3、

thead中的内容,永远会显示在表格的头部

tfoot中的内容,永远都会显示表格的底部

tbody中的内容,永远都会显示表格的中间

4、如果表格中没有写tbody,浏览器会自动在表格中添加tbody,并且将所有的tr都放到tbody中,所以注意tr并不是table的子元素,而是tbody的子元素

5、通过table > tr 无法选中行 需要通过tbody > tr

上一篇下一篇

猜你喜欢

热点阅读