HTML table属性你知道多少，进来了解一下？(2)-木庄网络博客

2022-02-21 12:21:23 PHP中文网 JavaScript 百度已收录

               <table>
  <caption>标题</caption>
  <tr>
     <td></td>
      <td></td>
  </tr>
</table>

2.行标题或列标题

列标题：第一行中的每一列，加粗，水平居中的效果显示

行标题：每行里面的第一列, 加粗，水平居中的效果显示

行(列)标题:<th></th>

<th></th>作用与 <td></td>一模一样

table边框合并:

属性：border-collapse

取值：

1.separate默认值，分离边框模式

2.collapse边框合并模式

table边框边距:

1.作用:设置相邻单元格边框之间的距离(类似于cellspacing)

2.属性:border-spacing

取值：

1.取1个值:表示水平和垂直间距相等

2.取2个值:第一个值表示的水平间距

第二个值表示的垂直间距

两个值之间用空格隔开

3.要求

border-collapse必须为separate

必须为分离边框模式时有效

隐藏的显示效果:

属性： visibility:collap:se

用在表格元素上，删除一行或一列，不影响表格整个布局

【相关推荐】

html的基础元素，让你零基础学习HTML

什么是HTML文件？HTML文件的初步认识

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者