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


相关推荐
HSunR5 分钟前
ruoyi 若依 自定义注解 参数校验
java·前端·数据库
拆房老料1 小时前
ONLYOFFICE也能像Microsoft Word和WPS一样分别设置中西文字体
前端·html·word·开源软件·wps
Solis程序员1 小时前
Stripe 幂等表:把「不确定的重试」变成「查表返回」
前端·安全·bootstrap·php·agent
李纲明2 小时前
WordPress 站点变慢:按 TTFB → 缓存 → 查询 → 前端 分层排查(含配置注意)
前端·缓存·性能优化·wordpress·后端开发
程序人生8882 小时前
PDF 转 Word 版式错乱、表格丢失?DocConverter Web 格式互转引擎的保真实践
前端·人工智能·opencv·机器学习·pdf·word
粥里有勺糖3 小时前
安利一下最近用的桌面“Agent” | T3 Code
前端·github·ai编程
xy34533 小时前
Axure 9.0 动态面板基本操作
前端·ui·html·axure·原型·产品设计
不停喝水3 小时前
【前端转全栈java速通课】 项目实战④7-11节 操作数据库-登录-注册-修改密码-注销-mubatis-plus简化crud-
java·前端·数据库
一水鉴天4 小时前
统一对象拓扑(UOT)设计全链定稿:从三件事分离到三继承 之1 20261010(豆包“查看聊天内容”继续)
前端·css
栖凤4 小时前
Java 的 try-catch 在 Agent 里失效了,我用了 5 个模式才兜住
java·前端·python