CSS新手入门笔记整理:CSS表格样式

表格标题位置:caption-side

语法

复制代码
caption-side:取值;

|---------|------------|
| 属性值 | 说明 |
| top | 标题在顶部(默认值) |
| bottom | 标题在底部 |

如果想要定义表格标题的位置,在table或caption这两个元素的CSS中定义caption-side属性,效果是一样的。一般情况下,只在table元素中定义就可以了。


表格边框合并:border-collapse

语法

复制代码
border-collapse:取值;

|----------|---------------|
| 属性值 | 说明 |
| separate | 边框分开,有空隙(默认值) |
| collapse | 边框合并,无空隙 |

在CSS中,border-collapse属性也是在table元素中定义的。


表格边框间距:border-spacing

语法

复制代码
border-spacing:像素值;

在CSS中,border-spacing属性也是在table元素中定义的。


相关推荐
yangmu32036 分钟前
前端性能优化实战:我是如何将首屏加载时间缩短 40% 的?
前端·性能优化
IT_陈寒13 分钟前
JavaScript的隐式类型转换又双叒坑了我一次!
前端·人工智能·后端
JarvanMo16 分钟前
HTTP的DELET方法能不能有Body?
前端
天蓝色的鱼鱼22 分钟前
扔掉 ESLint + Prettier:Biome 全家桶实战
前端
533_36 分钟前
[element-plus] el-tabs和el-menu联动
前端·javascript·vue.js
小呀小叮当~37 分钟前
Telegram 有哪些实用功能?一文了解
前端·人工智能·后端·其它
索西引擎1 小时前
【React】React Fiber 架构:设计动机、核心机制与调度策略分析
前端·react.js·架构
雨季mo浅忆1 小时前
上传文件夹
前端·vue3
谙忆10241 小时前
响应式图片实战:srcset、sizes、picture 与 art direction 到底怎么用
前端
索西引擎3 小时前
【React】JSX:JavaScript 语法扩展的本质、编译机制与表达能力分析
前端·javascript·react.js