2024年5月27日发(作者：)

竭诚为您提供优质文档/双击可除

asp,表格边框属性

篇一：asp边框属性

asp边框属性

页面元素的边框就是将元素内容及间隙包含在其中的

边线，类似于表格的外边线。每一个页面元素的边框可以从

三个方面来描述：宽度、样式和颜色，这三个方面决定了边

框所显示出来的外观。css中分别使用border-style、

border-width和border-color这三个属性设定边框的三个

方面。

1．border-style属性

border-style属性用于设定边框的样式，也就是风格。

设定边框格式是边框最重要的部分，它主要用于为页面元素

添加边框。css设定了9种边框样式，如表8-12所示。

表8-12边框样式

如果border-style属性中有一个值，表示边框的四边

同一种样式；如果有两个值，第一个值表示上下边框样式，

1 5

第二个值表示左右边框样式；如果有三个值，第一个值表示

上边框样式，第二个值表示左右边框样式，第三个值表示下

边框样式。

另外，如果需要单独的定义边框的一条边的样式，可以

分别使用border-top-style、border-right-style、

border-bottom-style、border-left-style定义上、右、下、

左边框的样式。

2．border-width属性

在设定了边框的样式之后，就要根据需要来设定边框的

宽度。border-width属性就是用来设定边框宽度，预设有三

种属性值：medium、thin和thick，另外还可以自行设置宽

度（width）。如表8-13所示。

表8-13border-width属性

篇二：css设置边框属性

css设置边框属性

页面元素的边框就是将元素内容及间隙包含在其中的

边线，类似于表格的外边线。每一个页面元素的边框可以从

三个方面来描述：宽度、样式和颜色，这三个方面决定了边

框所显示出来的外观。css中分别使用border-style、

border-width和border-color这三个属性设定边框的三个

方面。

1、border-style属性

2 5

border-style属性用于设定边框的样式，也就是风格。

设定边框格式是边框最重要的部分，它主要用于为页面元素

添加边框。css设定了9种边框样式，如表4-5所示。

表4-5边框样式

在没有设定边框颜色的情况下，groove

、ridge、inset和outset边框默认的颜色是灰色。dotted、

dashed、solid和double这四种边框的颜色基于页面元素的

color值。其实，这几种边框样式还可以分别定义在一个边

框中，从上边框开始按照顺时针的方向分别定义边框的上、

右、下、左边框样式，从而形成多样式边框。

另外，如果需要单独的定义边框的一条边的样式，则可

以使用如表4-6所列的属性来定义。

表4-6各边样式属性

2在设定了边框的样式之后，就要根据需要来设定边框

的宽度。border-width属性

篇三：csstable属性

csstable属性属性

border-collapseborder-spacingcaption-sideempty-cell

stable-layout描述设置是否把表格边框合并为单线的边框。

设置分隔单元格边框的距离。设置表格标题的位置。设置是

否显示表格中的空单元格。设置显示单元、行和列的算法。

css表格属性可以帮助您极大地改善表格的外观。1.表格边

3 5

框如需在cs

s中设置表格边框，请使用border属性。下面的例子为table、

th以及td设置了蓝色边框：

table,th,td{border:1pxsolidblue;}亲自试一试请注意，

上例中的表格具有双线条边框。这是由于table、th以及td

元素都有独立的边框。如果需要把表格显示为单线条边框，

请使用border-collapse属性。

2.折叠边框border-collapse属性设置是否将表格边框

折叠为单一边框：

table{border-collapse:collapse;}table,th,td{border:

1pxsolidblack;}亲自试一试3.表格宽度和高度通过width

和height属性定义表格的宽度和高度。下面的例子将表格

宽度设置为100%，同时将th元素的高度设置为50px：

table{width:100%;}th{height:50px;}亲自试一试

4.表格文本对齐text-align和vertical-align属性设

置表格中文本的对齐方式。text-align属性设置水平对齐方

式，比如左对齐、右对齐或者居中：td{text-align:right;}

亲自试一试vertical-align属性设置垂直对齐方式，比如

顶部对齐、底部对齐或居中对齐：

td{height:50px;vertical-align:bottom;}亲自试一试5.

表格内边距如需控制表格中内容与边框的距离，请为td和

th元素设置padding属性：td{padding:15px;}亲自试一试

4 5

6.表格颜色下面的例子设置边框的颜色，以及th元素

的文本和背景颜色：

table,td,th{border:1pxsolidgreen;}th{background-col

or:green;color:white;}亲自试一试亲自试一试-更多实例

制作一个漂亮的表格本例演示如何创造一个漂亮的表格。显

示表格中的空单元本例演示是否显示表格中的空单元。设置

表格边框之间的空白本例演示如何设置单元格边框之间的

距离。设置表格标题的位置本例演示如何定位表格的标题。

5 5