一、表格的常用属性
基本属性有: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=cols
a
a
a
b
b
b
c
c
c
这是隐藏了纵向分隔线的表格,即rules=rows
a
b
c
a
b
c
a
b
c
这是隐藏了所有内部分隔线的表格,即rules=none

三、表格外部分隔线的属性
表格外边框的显示与隐藏,是可以用frame参数来控制的。注意:只对表格的外边框起作用,对内部边、线不起作用
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
看一下对比效果吧:

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
这是不显示任何边框的表格,即frame=void

Table边框使用总结相关推荐

  1. 解决table边框在打印中不显示的问题

    先了解一下,table边框如何设置 一.只对表格table标签设置边框 只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: . ...

  2. 网页表格线框html,关于Dreamweaver中怎么让html网页中的table边框细线显示?

    关于Dreamweaver中怎么让html网页中的table边框细线显示? 对于不是编程的我们,用Dreamweaver制作表格的`情况下.默认表格边框会标的比较粗,今天给大家介绍下制作西表格超级简单 ...

  3. html表格打印边框不全,解决table边框在打印中不显示的问题 (转)

    » 先了解一下,table边框如何设置 一.只对表格table标签设置边框 只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: ...

  4. python-docx 设置Table 边框样式、单元格边框样式

    python-docx 设置Table 边框样式.单元格边框样式 from docx.oxml.ns import qn from docx.oxml import OxmlElement from ...

  5. html5合并单元格边框线,table边框表头单元格空间合并等设置,

    table边框表头单元格空间合并等设置, 表格由 标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. 1 ...

  6. table边框不显示

    今日在做报表的时候发现,最后一行隐藏后整个报表的下边框会不显示,猜测是td的边框隐藏后但table并未设置边框,导致下边框没有出现.因此设置了table边框后问题解决.table和td的边框关系如下实 ...

  7. 打印html表格边框不显示,解决table边框在打印中不显示的问题 (转)

    » 先了解一下,table边框如何设置 一.只对表格table标签设置边框 只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式. CSS代码: ...

  8. php修改table样式,CSS怎么设置table边框样式

    今天和大家说一下CSS如何设置table表格边框样式,对table设置CSS样式边框分为4种情况,以下分别详细讲解这四种情况需要怎么处理. 1.只对table设置边框 2.对td设置边框 3.对tab ...

  9. css 修改table边框的样式,修改单元格样式、间距

    我们在调table的边框样式时,经常会出现单元格和表格的样式重叠,而造成某条边框的的异常粗,或者异常细. 修改单元格间距: cellspacing="0" 修改table标签的样式 ...

  10. php中设置table表格边框大小,html中关于table边框设置的总结

    我们在日常工作中,避免不了对Web的开发,其中html也是必不可少的,不管是前端还是后端,html中table边框相信大家都在熟悉不过了,那么我们今天就来给大家总结一下table边框设置的总结! ht ...

最新文章

  1. java压缩解压缩类实例[转]
  2. MySQL优化篇:数据准备
  3. spring--源码分析
  4. 3、假设有一个对象数组,想根据某个对象属性对数组进行排序时
  5. arm编译安装openCV整理
  6. 【音乐理论】音与音高 ( 音域 | 音符表示 )
  7. Android中Gson解析json数据使用@SerializedName注解
  8. Node js开发中的那些旮旮角角 第一部
  9. oracle x ksppi,求 x$ksppi 和x$ksppcv 得详细解释
  10. 【Python实例第24讲】稀疏的可逆协方差估计
  11. 我们决定聚在一起搞件大事
  12. NetSuite 巧做打印模板
  13. 国密算法分类及介绍(sm系列密码算法)
  14. UDS服务中关于服务器响应行为的实现规则
  15. android解析包时出现问题怎么解决方法,手机安装APP提示解析错误怎么办?解析包时出现问题如何解决?...
  16. Android Studio代理设置(SDK下载代理设置)
  17. wechat-0052,微信公众号,第三方登录—扫码登录
  18. 网易易盾-滑块-cb参数
  19. EASYAR + UNITY + MMD4 制作 AR 小软件(特效非常赞)
  20. python-docx中文文档之文件类

热门文章

  1. Python网络爬虫系列(一)
  2. 学习前端需要掌握什么基础?
  3. matebook13linux送U盘系统,HUAWEI MateBook 13笔记本U盘安装win10系统的操作教程
  4. python钓鱼网站_学习笔记6.0 Django入门创建一个钓鱼网站
  5. java监听mysql某张表的insert操作_MySql轻松入门系列————第一站 从源码角度轻松认识mysql整体框架图
  6. 我的世界JAVA版编程语言_Java版版本记录/开发版本
  7. java merge_java – OptimisticLockException当使用JPA merge()
  8. 第一个JavaWeb项目——教室预约系统
  9. HDU-2553N皇后问题(dfs)
  10. 不重启服务如何定时更新进程中的一个对象