当前位置: 首页 > 图文教程 > 专题中心 > HTML网页制作表格相关技巧汇总 > HTML教程:表格应用的基础 > HTML表格标记教程(2):表格的边框属性BORDER

HTML教程:表格应用的基础
HTML表格标记教程(1):制作表格
HTML表格标记教程(2):表格的边框属性BORDER
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(4):边框色属性BORDERCOLOR
HTML表格标记教程(5):亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(6):暗边框色属性BORDERCOLORDARK
HTML表格标记教程(7):背景颜色属性BGCOLOR
HTML表格标记教程(8):背景图像属性BACKGROUND

HTML教程:表格应用的基础 中的 HTML表格标记教程(2):表格的边框属性BORDER


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-28   浏览: 114 ::
收藏到网摘: n/a

默认情况下,表格的边框为0,我们可以为表格设置边框线。

基本语法

     <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像素。