8.3 设置表格大小

表格可以设置宽度和高度,因为默认的是无边框(边框为0),边框也可以设置宽度,本节首先介绍边框属性,然后介绍了表格的高度和宽度。

8.3.1 设置表格边框

边框是用border表示嵌入在table标记里面的属性,表示表格边框的宽度,在学习表格大小前先对表格的边框进行讲解,表格边框在表格标记里用border表示,语法形式如下。


<!—设置表格的边框—>

<table border=1></table>


标记border后面的值是宽度值,表示对象的边框宽度,数值越大,宽度就越大,代码8.4用实例演示了表格边框的宽度。

代码8.4 源代码\第8章\表格边框宽度.html


——————————————文件名:表格边框宽度.html——————————————

01 <html>

02 <head>

03 <title>表格边框宽度</title>

04 </head>

05 <body>

06 <table border=5>

07 <tr>

08 <td>表格宽度</td>

09 <td>表格宽度二</td>

10 </tr>

11 <tr>

12 <td>第二行表元</td>

13 <td>第二行表元二</td>

14 </tr>

15 </table>

16 </body>

17 </html>


【代码解析】代码第6~15行表示了一个两行两列且边框为5的表格,在显示效果时,每个表项的边框还是默认的1,而表格外边框的宽度变成5了(代码第6行),设置的数值越大,表格边框也越宽,效果如图8.4所示。

8.3 设置表格大小 - 图1

图 8.4 设置表格边框