css表格内边框.docx
《css表格内边框.docx》由会员分享，可在线阅读，更多相关《css表格内边框.docx（7页珍藏版）》请在冰点文库上搜索。
css表格内边框
竭诚为您提供优质文档/双击可除
css表格内边框
篇一：
网站制作表格边框css样式
有关表格边框的css语法
具体内容包括：
上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。
1.上边框宽度
语法:
border-top-width:
允许值:
thin|medium|thick|
初始值:
medium
2.右边框宽度
语法:
border-right-width:
允许值:
thin|medium|thick|
3.下边框宽度
语法:
border-bottom-width:
允许值:
thin|medium|thick|
初始值:
medium
4.左边框宽度
语法:
border-left-width:
允许值:
thin|medium|thick|
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:
允许值:
||||
12.边框
语法:
border:
边框声明的例子包括：
h2{border:
groove3em}
a:
link{border:
solidblue}
a:
visited{border:
thindotted#800080}
a:
active{border:
thickdoublered}
边框属性只能设置四种边框；只能给出一组边框的宽度和式样。
为了给出一个元素的四种边框的不同的值，网页制作者必须用一个或更多的属性，如：
上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。
13.宽度
语法:
width:
允许值:
||auto
14.高度
语法:
height:
允许值:
|auto
初始值:
auto
适用于:
块级和替换元素
15.有关标签
table：
表格标签，对整个表格样式的定义要放在table中；
td：
单元格标签，对单元格样式的定义要放在td中。
篇二：
与表格边框有关的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:
允许值:
||||
初始值:
未定义
适用于:
所有对象
向下兼容:
否
左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。
注意只能给出一个边框式样。
也可以使用略写的边框属性。
篇三：
20css如何表格边框
css如何表格边框如需在css中设置表格边框，请使用border属性。
请注意，上例中的表格具有双线条边框。
这是由于table、th以及td元素都有独立的边框。
如果需要把表格显示为单线条边框，请使用border-collapse属性。
下面的例子为table、th以及td设置了蓝色边框：
table,th,td{border:
1pxsolidblue;}折叠边框border-collapse属性设置是否将表格边框折叠为单一边框：
table,th,td{border:
1pxsolidblack;}table{border-collapse:
collapse;}亲自试一试表格宽度和高度通过width和height属性定义表格的宽度和高度。
下面的例子将表格宽度设置为100%，同时将th元素的高度设置为50px：
（css表格内边框）table{width:
100%;}th{height:
50px;}表格文本对齐请注意，上例中的表格具有双线条边框。
这是由于table、th以及td元素都有独立的边框。
如果需要把表格显示为单线条边框，请使用border-collapse属性。
td{text-align:
right;}亲自试一试vertical-align属性设置垂直对齐方式，比如顶部对齐、底部对齐或居中对齐：
td{height:
50px;vertical-align:
bottom;}表格颜色下面的例子设置边框的颜色，以及th元素的文本和背景颜色：
table,td,th
{border:
1pxsolidgreen;}th{background-color:
green;color:
white;}csstable属性属性描述设置是否把表格边框合并为单一的边框。
border-collapseborder-spacing
升级会员 