css去掉表格边框.docx
- 文档编号:16530880
- 上传时间:2023-07-14
- 格式:DOCX
- 页数:9
- 大小:15.95KB
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
第四种自我感觉最好用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css 去掉 表格 边框