HTML表格边框的设置

一个简单的

HTML

表格：

<table border="1">

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>$100</td>

</tr>

</table>

定义和用法

<table>

标签定义

HTML

表格。

简单的

HTML

表格由

table

元素以及一个或多个

tr、th

或

td

元素组成。

tr

元素定义表格行，th

元素定义表头，td

元素定义表格单元。

更复杂的

HTML

表格也可能包括

caption、col、colgroup、thead、tfoot

以及

tbody

元素。

今天就将一个例子，是用GridView产生废码的清除。这次我们从客户端生成的html分析一下。

具体的问题是GridView出现边框，当然在不同的浏览器中显示可能不太一样，就是我们想去掉GridView的边框，我们先不去着急修改GridView中的属性，我们先看一看客户端生成的html代码，这是GridView生成的table

<table cellspacing="0" rules ="all" border="0" id="ctl00_ContentPlaceHolder1_GvLatestNews" style="border-style:Noneborder-collapse:collapse"</table我们重点分析的是rules ="all" 这个属性 这是帮助文档中的内容下面翻译并解释一下

Sets or retrieves which dividing lines (inner borders) are displayed. //rules是用来设置并检索哪一个分隔线（内边框）的显示

Syntax //语法

HTML <TABLE RULES = sRule... //html中的语法为左边形式

Scripting TABLE.rules [ = sRule ]//脚本中的语法为左边形式

Possible Values//可能的属性值sRuleString that specifies or receives one of the following values.//sRule为字符型，用来指定或者接受一下几种值

allBorders are displayed on all rows and columns. //all这个值，表示所有的行与列的边框都会显示

colsBorders are displayed between all table columns. //cols 表示只显示table中列的边框

groupsHorizontal borders are displayed between all tHead, tBody, and tFoot objects//水平方向上的边框显示在所有的thead，tbody和tFoot对象之间

vertical borders are displayed between all colGroup objects. //垂直方向上的边框显示在所有的colGroup对象之间

noneAll interior table borders are removed. //移除全部的table内标签

rowsHorizontal borders are displayed between all table rows. //水平方向上的边框显示在素有的table列之间

---