前端开发用到table表格是很常见的，那么table表格自带了哪些css样式呢？下面web建站小编给大家科普一下！
表格的CSS样式属性
| 属性 | 说明 |
|---|---|
| border-collapse | 规定是否合并表格边框 |
| border-spacing | 规定相邻单元格边框之间的距离 |
| caption-side | 规定表格标题的位置 |
| empty-cells | 规定是否显示表格中的空单元格上的边框和背景 |
| table-layout | 设置用于表格的布局算法 |
1、border-collapse属性
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是像在标准的 HTML 中那样分开显示。
| 值 | 说明 |
|---|---|
| collapse | 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性 |
| separate | 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性 |
| inherit | 规定应该从父元素继承 border-collapse 属性的值 |
2、border-spacing属性
| 值 | 说明 |
|---|---|
| length | 规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。 如果定义一个length参数，那么定义的是水平和垂直间距。 如果定义两个length参数，那么第一个设置水平间距，而第二个设置垂直间距。 |
3、caption-side属性
| 值 | 说明 |
|---|---|
| top | 默认值。把表格标题定位在表格之上。 |
| bottom | 把表格标题定位在表格之下。 |
4、empty-cells 属性
| 值 | 说明 |
|---|---|
| hide | 不在空单元格周围绘制边框。 |
| show | 在空单元格周围绘制边框。默认。 |
5、table-layout属性
| 值 | 说明 |
|---|---|
| automatic | 默认。列宽度由单元格内容设定。 |
| fixed | 列宽由表格宽度和列宽度设定。 |
span点击事件后实现点击事件禁用（类似按钮disabeld方法）
上面是“table表格自带了哪些css样式”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。
当前网址：https://ipkd.cn/webs_2466.html
猜你喜欢
Bootstrap可视化拖放布局
自动打字效果(惊喜在后面)
html5如何3D立方体旋转特效
javascript如何利用draggable实现一个拖拽效果
js实现table表格动态新增行和列表
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
3D彩色卡片
js+css3做一个灯泡开灯关灯效果声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
