HTML表格的边框属性BORDER

默认情况下,表格的边框为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像素。

时间: 2025-01-03 18:50:01

HTML表格的边框属性BORDER的相关文章

jsp表格的border-collapse属性没有效果,单元格边框为什么没有合并?

问题描述 jsp表格的border-collapse属性没有效果,单元格边框为什么没有合并? !图片说明 解决方案 border-collapse是style,不是直接放在table属性中,如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

HTML表格内部边框样式属性RULES

  通过RULES可以控制表格内部边框的样式. 基本语法 <TABLEreles="value"> 语法解释 value的取值如下表所示: 表格的内部边框样式 属性值描述 All显示所有的内部边框 Cols仅显示行边框 Groups显示介于行列间的边框 None不显示内部边框 Rows仅显示列边框 文件范例:10-13.htm 设定表格的内部边框样式. 01<!----------------------------------> 02<!--文件范例:1

border边框属性在浏览器中的渲染方式

分析border边框属性在浏览器中的渲染方式首发小志博客,如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL,谢谢! 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论,而我也一直以border:0 none;的方式处理.其中当然也是有我自己为什么要做的原因,对于这个原因在下面的分析中将会提到.在对border边框属性进行分析之前,需要说明的几点内容是: 小志我并不是一个分析专家,只是借助Firebug和IE d

HTML表格亮边框色属性

  在表格中可以单独定义左上边框的颜色,也可以定义单元格中右下边框的颜色,这两个位置的边框色我们称之为亮边框. 在表格中可以单独定义左上边框的颜色,也可以定义单元格中右下边框的颜色,这两个位置的边框色我们称之为亮边框. 基本语法 <TABLEBordercolorlight=color_VALUE> 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现. 文件范例:10-5.htm 设定表格亮边框的颜色. 01<!------------------------------

HTML表格暗边框色属性

  在表格中,可以单独定义右下边框的颜色,也可以定义单元格中左上边框的颜色,这两个位置的边框色我们称之为暗边框色. 基本语法 <TABLEBordercolordark=color_VALUE> 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现. 文件范例:10-6.htm 设定表格暗边框的颜色. 01<!----------------------------------> 02<!--文件范例:10-6.htm--> 03<!--文件说明:设

用CSS样式描述表格Table边框

表格边框的处理是CSS网页布局中经常会遇到的内容,在webjx.com中也有过相关的介绍,除了将表格作为一个整体进行定义,您也可以将表格边框的四个部分分别进行定义,包括顶部.底部.左边和右边.列表B中的代码将刚才的例子中的表格分成四个部分单独定义.  <html><head><title>HTML Table</title></head><style type="text/css">TABLE { backgrou

Dreamweaver中制作表格细边框的方式方法

Dreamweaver虽然为用户提供了定义表格边框的属性Border,但是很多用户不喜欢用它,因为感觉它的样子很粗糙,达不到我们预期的效果.小编应广大考生的需要,特为参加考试的考生策划了"Dreamweaver中制作表格细边框"专题等有关资料,供考生参考! 制作表格细边框 Dreamweaver虽然为用户提供了定义表格边框的属性Border,但是很多用户不喜欢用它,因为感觉它的样子很粗糙,达不到我们预期的效果.我们可以利用Dreamweaver的另外一个表格的属性CellSpace(单

图解css3:核心技术与案例实战. 3.4 CSS3圆角边框属性

3.4 CSS3圆角边框属性 在Web页面上圆角效果很常见.圆角给页面增添曲线之美,让页面不那么生硬,但是为了设计圆角效果,Web设计师们要花费更多的时间与精力. 3.4.1 border-radius属性的语法及参数 CSS3中专门针对元素的圆角效果增加了一个圆角属性border-radius.Web设计师不会为Web页面中的圆角效果纠结了. 语法: border-radius: none | <length> {1,4}[/<length>{1,4}] ? border-rad

《HTML、CSS、JavaScript 网页制作从入门到精通》——6.3 表格的边框

6.3 表格的边框 HTML.CSS.JavaScript 网页制作从入门到精通表格的边框可以很粗.也可以很细,可以使用border属性来设置表格的边框效果,包括边框的宽度.边框的颜色等. 6.3.1 表格边框宽度border默认情况下如果不指定border属性,则浏览器将不显示表格边框. 语法: 说明: 只有设置border值不为0,在网页中才能显示出表格的边框. 举例: 在代码中加粗部分的标记为设置表格的边框宽度,在浏览器中预览,可以看到将表格边框宽度设置为5像素的效果,如图6.9所示. 提