html表格边框属性border用法示例

发布时间:2020-12-29编辑:脚本学堂
本文介绍了html中表格边框属性border的用法,默认情况下,表格的边框为0,可以为表格设置边框线,有需要的朋友参考下。

在html中,默认情况下,表格的边框为0,可以为表格设置边框线。

表格border基本语法:
<table border=value>

语法解释
通过border属性定义边框线的宽度,单位为像素。

例子:10-2.htm
设定边框线的宽度。
 

复制代码 代码示例:
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-2.htm -->
03  <!-- 文件说明:设定表格的边框宽度 -->
04  <!-- ------------------------------ -->
05  <html>
06  <head>
07  <title>设定表格的边框宽度</title>
08  </head>
09  <body>
10  <h1>主流的网页设计软件</h1>
11  <table border=1>
12  <tr>
13  <td>网页图像软件</td>
14  <td>fireworks</td>
15  </tr>
16  <tr>
17  <td>网页制作软件</td>
18  <td>dreamweaver</td>
19  </tr>
20  <tr>
21  <td>网页动画软件</td>
22  <td>flash</td>
23  </tr>
24  </table>
25  <table border=10>>
26  <tr>
27  <td>网页图像软件</td>
28  <td>fireworks</td>
29  </tr>
30  <tr>
31  <td>网页制作软件</td>
32  <td>dreamweaver</td>
33  </tr>
34  <tr>
35  <td>网页动画软件</td>
36  <td>flash</td>
37  </tr>
38  </table>
39  </body>
40  </html>

文件说明:
第11行到第24行是一个完整的表格,表格边框为1像素;
第25行到第38行为第二个完整的表格,边框宽度为10像素。