首页 web前端 html教程 Table显示你要显示的边框代码_HTML/Xhtml_网页制作

Table显示你要显示的边框代码_HTML/Xhtml_网页制作

Jun 01, 2016 pm 02:22 PM
table

表格的常用属性

基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、 bordercolor(表格边框的颜色)

表格内部分隔线的属性

起作用的是rules这个参数,它有三个值(cols,rows,none),

当rules=cols时,表格会隐藏横向的分隔线,也就是我们只能看到表格的列;

当rules=rows时,就隐藏了纵向的分隔线,也就是我们只能看到表格的行;

而当rules=none时,纵向分隔线和横向分隔线将全部隐 藏,我们就只能看到一个表格的外框了

表格外部分隔线的属性

表格外边框的显示与隐藏,是可以用frame参数来控制的。注意:只对表格的外边框起作用,对内部边、线不起作用

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框 

XML/HTML Code复制内容到剪贴板
  1. table summary="学生名单,包括学生编号、姓名、联系电话、和地址。">  
  2.     caption>学生名单caption>  
  3.     thead>  
  4.         th scope="col">编号th>  
  5.         th scope="col">姓名th>  
  6.         th scope="col">联系电话th>  
  7.         th scope="col">地址th>  
  8.     thead>  
  9.     tfoot>  
  10.         td colspan="4">班主任:td>  
  11.     tfoot>  
  12.     tbody>  
  13.         tr>  
  14.             td>1td>  
  15.             td>Jamsontd>  
  16.             td>123-45678td>  
  17.             td>XX市XX区XX号td>  
  18.         tr>  
  19.         tr>  
  20.             td>2td>  
  21.             td>Gracetd>  
  22.             td>123-45678td>  
  23.             td>XX市XX区XX号td>  
  24.         tr>  
  25.         tr>  
  26.             td>3td>  
  27.             td>Dizzytd>  
  28.             td>123-45678td>  
  29.             td>XX市XX区XX号td>  
  30.         tr>  
  31.     tbody>  
  32. table>      
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
两个点博物馆:所有展览以及在哪里可以找到它们
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
两个点博物馆:所有展览以及在哪里可以找到它们
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

如何使用HTML5表单验证属性来验证用户输入?

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

如何高效地在网页中为PNG图片添加描边效果?

< iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

< iframe>的目的是什么。 标签?使用时的安全考虑是什么?

使用IFRAME的安全性含义是什么?如何减轻它们? 使用IFRAME的安全性含义是什么?如何减轻它们? Mar 18, 2025 pm 02:51 PM

使用IFRAME的安全性含义是什么?如何减轻它们?

我如何使用html5< meter> 要在范围内显示数值数据的元素? 我如何使用html5< meter> 要在范围内显示数值数据的元素? Mar 12, 2025 pm 04:08 PM

我如何使用html5< meter> 要在范围内显示数值数据的元素?

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

HTML5中跨浏览器兼容性的最佳实践是什么?

我如何使用html5< time> 元素以语义表示日期和时间? 我如何使用html5< time> 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

我如何使用html5< time> 元素以语义表示日期和时间?

See all articles