表格样式的应用——对程序员比较有用(一)

xiaoxiao2022-12-03  79

[b]table [/b]所有的[b]HTML Tag[/b] <table> <tbody> <caption>table caption</caption> <colgroup> <col /> <col /> </colgroup> <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </tbody> </table> [b]table [/b]所有的[b]CSS Properties[/b] table{ border-collapse:separate | collapse; border-spacing : length | length; caption-side : bottom | left |right | top; empty-cells : hide | show; table-layout : auto | fixed;} [b]border-collapse : separate | collapse [/b] 参数: separate :  边框独立(标准HTML) rtl :  相邻边被合并 说明: 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。 [b]border-spacing : length || length [/b] 参数: length :  由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位 说明: 设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。 [b]caption-side : bottom | left |right | top [/b] 参数: bottom :  下面 left :  左边 right :  右边 top :  下面 说明: 设置或检索表格的caption对象是在表格的那一边。它是和caption对象一起使用的属性。 [b]empty-cells : hide | show [/b] 参数: hide :  隐藏 show :  显示 说明: 设置或检索当表格的单元格无内容时,是否显示该单元格的边框。 只有当表格边框独立(例如当border-collapse属性等于separate时)此属性才起作用。 [b]table-layout : auto | fixed[/b] 参数: auto :  默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed :  固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关 说明: 设置或检索表格的布局算法。 相关资源:敏捷开发V1.0.pptx
转载请注明原文地址: https://www.6miu.com/read-4979249.html

最新回复(0)