Home | 建站知识库 | English
  • Who are WE
  • Service Introduced
  • Case Show
  • Contact Us
  •  建站咨询:020-87531704
  •  售后服务:020-87545320
  •  建站热线:13719300941

使用DIV+CSS制作超弦的网页表格效果

今天使用DIV+CSS制作超弦的网页表格的效果,这也是很多人都想知道学习的时期,因为,学会了DIV+CSS的技术,在广州网站建设的时候,网站上的一些效果都能很简单的实现,这也是如今网页设计师们最爱好的工具。那数据表格对于视力没有问题用户都难以阅读的话,那么想像一个那些用辅助技术的人来说,它们是多么复杂和混乱。幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性。

在DIV+CSS制作的同时,表格制作一些网站还是人们不可缺少的,所以现在我们就介绍一个使用DIV+CSS技术来制作超弦的网页表格。

1.summary 和 caption

第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一个元素是summary.summary属性可以应用于表格标签,用来描述表格的内容.与image的alt文本属性相似.

2.thead, tbody, tfoot

thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如,可以将所有列标题放在thead元素中,这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元素,那么必须至少使用一个tbody元素.在一个表格中只能使用一个thead和tfoot元素,但是可以使用多个tbody元素将复杂的表格划分为更容易管理的部分.

3.col 和 colgroup

行与列标题应该使用th标记而不是td,但是如果某些内容既是标题又是数据,那么它仍然使用td.表格标题可以设置为row或col的scope属性,定义它们是行标题还是列标题.

虽然tr元素使开发人员能够整行应用样式,但是很难整列应用样式.为了解决这个问题,w3c引入了colgroup和col元素.colgroup能够对使用col元素定义的一个或多个列进行分组.不幸的是,支持col和colgroup元素的样式的浏览器并不多。

广州网站制作通过以上的元素,你就很轻松的制作出完美的网页。

CopyRights © 2011 Web新势力版权所有 http://www.68web.net
网站备案号:粤ICP备07073733号