css去掉表格边框.docx
《css去掉表格边框.docx》由会员分享，可在线阅读，更多相关《css去掉表格边框.docx（9页珍藏版）》请在冰点文库上搜索。
css去掉表格边框
竭诚为您提供优质文档/双击可除
css去掉表格边框
篇一：
css设置网页table边框样式
css设置网页table边框样式
1.上边框宽度以下是引用片段：
语法:
border-top-width:
允许值:
thin|medium|thick|初始值:
medium适用于:
所有对象向下兼容:
否上边框宽度属性用于指定一个元素上边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在上边框、边框的宽度或边框的属性略写。
2.右边框宽度以下是引用片段：
语法:
border-right-width:
允许值:
thin|medium|thick|初始值:
medium适用于:
所有对象向下兼容:
否右边框宽度属性用于指定元素的右边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在右边框、边框的宽度或边框的属性略写。
3.下边框宽度以下是引用片段：
语法:
border-bottom-width:
允许值:
thin|medium|thick|初始值:
medium适用于:
所有对象向下兼容:
否下边框宽度属性用于指定元素的下边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在下边框、边框的宽度或边框的属性略写。
4.左边框宽度以下是引用片段：
语法:
border-left-width:
允许值:
thin|medium|thick|初始值:
medium适用于:
所有对象向下兼容:
否左边框宽度属性用于指定元素的左边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在左边框、边框的宽度或边框的属性略写。
5.边框宽度以下是引用片段：
语法:
border-width:
允许值:
[thin|medium|thick|]{1,4}初始值:
未定义适用于:
所有对象向下兼容:
否边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。
不允许使用负值长度。
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。
如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。
这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。
也可以使用略写的边框属性。
6.边框颜色以下是引用片段：
语法:
border-color:
允许值:
{1,4}初始值:
颜色属性的值适用于:
所有对象向下兼容:
否边框颜色属性设置一个元素的边框颜色。
可以使用一到四个关键字。
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。
如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。
也可以使用略写的边框属性。
7.边框样式以下是引用片段：
语法:
border-style:
允许值:
[none|dotted|dashed|solid|double|groove|ridge|inset|outset]{1,4}初始值:
none适用于:
所有对象向下兼容:
否边框样式属性用于设置一个元素边框的样式。
这个属性必须用于指定可见的边框。
可以使用一到四个关键字。
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。
如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。
也可以使用略写的边框属性。
以下是引用片段：
none：
无样式；dotted：
点线；dashed：
虚线；solid：
实线；double：
双线；groove：
槽线；ridge：
脊线；inset：
内凹；outset：
外凸
8.上边框以下是引用片段：
语法:
border-top:
允许值:
||||初始值:
未定义适用于:
所有对象向下兼容:
否上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
9.右边框语法:
border-right:
允许值:
||||初始值:
未定义适用于:
所有对象向下兼容:
否右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
10.下边框以下是引用片段：
语法:
border-bottom:
允许值:
||||初始值:
未定义适用于:
所有对象向下兼容:
否下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
11.左边框以下是引用片段：
语法:
border-left:
允许值:
||||初始值:
未定义适用于:
所有对象向下兼容:
否左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
下面的细线表格是用cellspacing来实现的，用表格的背景色做为边框的颜色。
不方便的是每一行都要再设置一个背景色。
篇二：
与表格边框有关的css语法
表格是数据的载体，不再是布局的方式，虽然我们不需要表格来进行网页布局了，但很多表格式的数据，还是需要表格这一形式发挥它的作用！
我们知道dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。
1.上边框宽度以下是引用片段：
语法:
border-top-width:
允许值:
thin|medium|thick|
初始值:
medium
适用于:
所有对象
向下兼容:
否
上边框宽度属性用于指定一个元素上边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在上边框、边框的宽度或边框的属性略写。
2.右边框宽度以下是引用片段：
语法:
border-right-width:
允许值:
thin|medium|thick|
初始值:
medium
适用于:
所有对象
向下兼容:
否
右边框宽度属性用于指定元素的右边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在右边框、边框的宽度或边框的属性略写。
3.下边框宽度以下是引用片段：
语法:
border-bottom-width:
允许值:
thin|medium|thick|
初始值:
medium
适用于:
所有对象
向下兼容:
否
下边框宽度属性用于指定元素的下边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在下边框、边框的宽度或边框的属
性略写。
4.左边框宽度以下是引用片段：
语法:
border-left-width:
允许值:
thin|medium|thick|
初始值:
medium
适用于:
所有对象
向下兼容:
否
左边框宽度属性用于指定元素的左边框的宽度。
值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。
不允许使用负值。
也可以用在左边框、边框的宽度或边框的属性略写。
5.边框宽度以下是引用片段：
语法:
border-width:
允许值:
[thin|medium|thick|]{1,4}
初始值:
未定义
适用于:
所有对象
向下兼容:
否
边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。
不允许使用负值长度。
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。
如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。
这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。
也可以使用略写的边框属性。
6.边框颜色以下是引用片段：
语法:
border-color:
允许值:
{1,4}
初始值:
颜色属性的值
适用于:
所有对象
向下兼容:
否
边框颜色属性设置一个元素的边框颜色。
可以使用一到四个关键字。
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。
如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。
也可以使用略写的边框属性。
7.边框样式
以下是引用片段：
语法:
border-style:
允许值:
[none|dotted|dashed|solid|double|groove|ridge|inset|outset]{1,4}
初始值:
none
适用于:
所有对象
向下兼容:
否
边框样式属性用于设置一个元素边框的样式。
这个属性必须用于指定可见的边框。
可以使用一到四个关键字。
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。
如果给出一个值，它将被运用到各边上。
如果两个或三个值给出了，省略了的值与对边相等。
也可以使用略写的边框属性。
以下是引用片段：
none：
无样式；
dotted：
点线；
dashed：
虚线；
solid：
实线；
double：
双线；
groove：
槽线；
ridge：
脊线；
inset：
内凹；
outset：
外凸
8.上边框
以下是引用片段：
语法:
border-top:
允许值:
||||
初始值:
未定义
适用于:
所有对象
向下兼容:
否
上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
9.右边框
语法:
border-right:
允许值:
||||
初始值:
未定义
适用于:
所有对象
向下兼容:
否
右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。
注意只能给出一个边框式
样。
也可以使用略写的边框属性。
10.下边框以下是引用片段：
语法:
border-bottom:
允许值:
||||
初始值:
未定义
适用于:
所有对象
向下兼容:
否
下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
11.左边框以下是引用片段：
语法:
border-left:
允许值:
||||
初始值:
未定义
适用于:
所有对象
向下兼容:
否
左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
篇三：
html中表格细边框的四种实现及其比较
html中表格细边框的四种实现及其比较第一种
使用css
.box{
border-top-width:
1px;
border-right-width:
0px;
border-bottom-width:
0px;
border-left-width:
1px;
border-top-style:
solid;
border-right-style:
solid;
border-bottom-style:
solid;
border-left-style:
solid;
border-top-color:
#000000;
border-right-color:
#000000;
border-bottom-color:
#000000;
border-left-color:
#000000;
}
.boxtd{
border-top-width:
0px;
border-right-width:
1px;
border-bottom-width:
1px;
border-left-width:
0px;
border-top-style:
solid;
border-right-style:
solid;
border-bottom-style:
solid;
border-left-style:
solid;
border-top-color:
#000000;
border-right-color:
#000000;
border-bottom-color:
#000000;
border-left-color:
#000000;
text-align:
center;
font-size:
13px;
font-weight:
bold;
word-break:
break-all;
}
class="box">
第二种,使用ie中特有的属性,不支持除ie外的浏览器
bordercolordark="#FFFFFF"bordercolorlight="#000000">
第三种，整个表格的背景为黑色，每个单元格背景为白色，单无格间距为1,表格粗细为0
背景设置式－细边框表格
text
text
text
text
第四种啥也不说了，直接代码表示（一个style="boRdeR-collapse:
collapse"搞定）
bordercolor="#000000"style="boRdeR-collapse:
collapse">
比较：
第一种和第四种支持ie和ff但是第四种更简单一些
第三种也支持所有浏览器，但实现起来比较麻烦，很痛苦第二种虽然实现简单但是兼容性差，只支持ie
第四种自我感觉最好用
升级会员 