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


相关推荐
攀登的牵牛花2 分钟前
我把 Gemma4:26b 装进 M1 Pro 后,才看清 AI 编程最贵的不是模型费,而是工作流
前端·agent
大漠_w3cpluscom3 分钟前
现代 CSS 的新力量
前端
魏嗣宗9 分钟前
Claude Code 启动的那 200 毫秒里发生了什么
前端·claude
希望永不加班29 分钟前
SpringBoot 静态资源访问(图片/JS/CSS)配置详解
java·javascript·css·spring boot·后端
m0_738120721 小时前
渗透基础知识ctfshow——Web应用安全与防护(第一章)
服务器·前端·javascript·安全·web安全·网络安全
持续前行1 小时前
通过 npm 下载node_modules 某个依赖 ;例如 下载 @rollup/rollup-linux-arm64-gnu
前端·javascript·vue.js
chenyingjian2 小时前
鸿蒙|能力特性-统一文件预览
前端·harmonyos
毛骗导演2 小时前
OpenClaw 沙箱执行系统深度解析:一条 exec 命令背后的安全长城
前端·架构
天才聪2 小时前
鸿蒙开发vs前端开发1-父子组件传值
前端
卡尔特斯2 小时前
Android Studio 代理配置指南
android·前端·android studio