前端开发用到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
workflows工作流
一辆老式灵车在黑暗中从雾中出现ComfyUI工作流
潜水员,珊瑚,鲸鱼,潜水艇comfyui工作流
一张超现实主义美女照片ComfyUI工作流
一座生动的点彩主义灯塔ComfyUI工作流
在白雪覆盖的广阔平原上两只可爱的小猫
一朵由琥珀制成的孤独美丽的玫瑰
一个骷髅海盗船长ComfyUI工作流
一名男子跪在月球岩石表面看见小行星碰撞
猜你喜欢
利用js+css3做一个小鱼游泳特效
css3动画loading效果
HTML5 Canvas 刻度尺
用canvas实现画板涂鸦效果
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
会议人员60s签到倒计时插件
制作一个好玩的倒计时
canvas黑洞漩涡（canvas+js）声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
