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元素中定义的。


相关推荐
liangshanbo121511 分钟前
React Fiber:从“解决卡顿”到完整更新链路
前端·javascript·react.js
Timmy19 分钟前
前端转全栈笔记:讲框架之前,先把 TypeScript 这关过了
前端·人工智能·node.js
计算机魔术师24 分钟前
年收入650亿、亏420亿,Anthropic凭什么敢叫价万亿?
前端
Frag0ut25 分钟前
Chrome Canary 最新实验功能:AI Mode、按设备筛选历史记录与 Gemini 自动改密
前端·人工智能·chrome·dev·beta·canary·最新实验功能
anew___37 分钟前
《从零手写操作系统 (19):Ext2文件系统实战——从内存到磁盘的跨越》
java·服务器·前端·数据库·算法
吴声子夜歌1 小时前
Nginx应用与运维——Nginx Web服务应用实战(HTTPS安全服务器的搭建)
运维·前端·nginx
liangshanbo12151 小时前
Monorepo 工程化面试题:如何设计 Web + Node.js 中间层 + Shared + Scripts 的 Monorepo?
前端·node.js
IT_陈寒1 小时前
Redis集群切换主节点时,服务竟然全员掉线
前端·人工智能·后端
wangbing11251 小时前
开发指南147-WebSocket-前端
前端·websocket·网络协议
吴声子夜歌1 小时前
Nginx应用与运维——Nginx Web服务应用实战(伪流媒体服务器的搭建)
运维·前端·nginx