CSSHTML:如何使下面的table高度占满整个页面呢?

1、首先需要打开sublimeText编辑器。

2、然后需要按照图示代码编写一个html页面，并且放入一张背景。

3、效果显示如下图，图片还是原来大小的背景。

4、然后需要按照图示代码利用css属性background-size: cover把整个背景填充。

5、效果显示如下图，图片table高度把屏幕占满。

table中用CSS控制>的宽度和高度，首先我们需要给tr和td一个style，然后通过这个style来控制它的width和height就可以了，这里通过具体的代码来理解： 我i是测试文字 这样就实现了对tr和td的控制。

css中宽度和高度分别可以通过width和height实现，那么对于单元格的宽度和高度，则可以通过如下样式来设置

td{

width:100px

height:50px}

/*设置单元格宽度100px，高度50px*/

示例如下：

给出html元素

1

2

345

6789

10

11

设置单元格高度和宽度样式

table{border-collapse:collapse}

td{

border:

1px

solid

green

/*边框*/

width:100px

/*单元格宽度*/

height:50px

/*单元格高度*/

text-align:center

/*单元格文字居中对齐*/

---