table边框设置 2011-04-03 08:56:09| 分类： CSS | 标签：table 单线 边框 |字号 订阅 一、表格的常用属性 基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、background（表格的背景图片）、 bordercolor（表格边框的颜色）， 二、table边框单线的实现方法 现在给出效果图： 1、实现方法一：实现原理：利用table的单元格之间的间距(cellspacing)和table的背景色来实现 2、实现方法二：
实现原理：利用table的border，bordercolor="#a0c6e5"实现table的边框，但是此时的边框太粗， 这时就可以用到style属性里的border-collapse:collapse样式 二、表格内部分隔线的属性 起作用的是rules这个参数，它有三个值(cols,rows,none)，当rules=cols时，表格会隐藏横向的分隔线，也就是我们只能看到表 格的列；当rules=rows时，就隐藏了纵向的分隔线，也就是我们只能看到表格的行；而当rules=none时，纵向分隔线和横向分隔线将全部隐 藏，我们就只能看到一个表格的外框了。看一下下面的对比效果你就会明白的 a b c a b c a b c 这是最普通的表格形式 a b c a b c a b c 这是隐藏了横向分隔线的表格，即rules=cols a a a b b b c c c 这是隐藏了纵向分隔线的表格，即rules=rows a b c a b c a b c 这是隐藏了所有内部分隔线的表格，即rules=none 三、表格外部分隔线的属性 表格外边框的显示与隐藏，是可以用frame参数来控制的。注意：只对表格的外边框起作用，对内部边、线不起作用 只显示上边框只显示下边框
只显示左、右边框
只显示上、下边框
只显示左边框
只显示右边框
不显示任何边框
看一下对比效果吧： a b c a b c a b c 这是最普通的表格形式 a b c a b c a b c 这是只显示上边框的表格，即frame=above a b c a b c a b c 这是只显示下边框的表格，即frame=below a b c a b c a b c 这是只显示左、右边框的表格，即frame=vsides a b c a b c a b c 这是只显示上、下边框的表格，即frame=hsides a b c a b c a b c 这是只显示左边框的表格，即frame=lhs a b c a b c a b c 这是只显示右边框的表格，即frame=rhs a b c a b c a b c 这是不显示任何边框的表
