html中table使用详解+代码
来源:互联网 发布:淘宝图 编辑:程序博客网 时间:2024/06/04 00:22
一、表格的常用属性
基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、bordercolor(表格边框的颜色),
二、表格内部分隔线的属性
起作用的是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=colsa
a
a
b
b
b
c
c
c
这是隐藏了纵向分隔线的表格,即rules=rowsa
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=abovea
b
c
a
b
c
a
b
c
这是只显示下边框的表格,即frame=belowa
b
c
a
b
c
a
b
c
这是只显示左、右边框的表格,即frame=vsidesa
b
c
a
b
c
a
b
c
这是只显示上、下边框的表格,即frame=hsidesa
b
c
a
b
c
a
b
c
这是只显示左边框的表格,即frame=lhsa
b
c
a
b
c
a
b
c
这是只显示右边框的表格,即frame=rhsa
b
c
a
b
c
a
b
c
这是不显示任何 0 0
- html中table使用详解+代码
- HTML table使用详解
- HTML中table表格的常用使用
- html------table详解
- cppwebbrower中获取html中table表格的代码
- Oracle中table函数的使用详解
- html中table
- 网页HTML代码中Meta标签详解
- 网页HTML代码中Meta标签详解
- 网页HTML代码中Meta标签详解
- html中插入flash代码详解
- 网页HTML代码中Meta标签详解
- html中插入flash代码详解
- HTML中div标签与table标签组合使用问题
- html中table中标签的使用注意
- html中table的使用(1)课程表
- html中table的使用(2)一般数据表
- HTML中table的属性tr、th、td的使用
- 截取字符串
- 3.44
- 互联网项目系统架构经验浅谈
- 矩阵快速幂模板
- java读书笔记:练习对象引用传递
- html中table使用详解+代码
- POJ 2167 Irrelevant Elements
- 工作日志
- 一道有关Java null笔试题引发的思考
- [Leetcode] Search in Rotated Sorted Array II
- Android 带小圆圈的倒计时圆形进度条
- 微信公众号开发中遇到的问题——支付回调,分享,获取openId(三)
- Table Compression
- php最新Laravel框架5.3视频学习