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


相关推荐
是上好佳佳佳呀14 小时前
【前端(十)】CSS 过渡与动画笔记
前端·css·笔记
用户新19 小时前
V8引擎 精品漫游指南--Ignition篇(下 一) 动态执行前的事情
前端·javascript
@PHARAOH21 小时前
WHAT - GitLens vs Fork
前端
yqcoder21 小时前
前端性能优化:如何减少重绘与重排?
前端·性能优化
洋子1 天前
Yank Note 系列 13 - 让 AI Agent 进入笔记工作流
前端·人工智能
wenzhangli71 天前
Ooder A2UI 核心架构深度解析:WEB 拦截层的设计与实现
前端·架构
前端百草阁1 天前
【前端性能优化全链路指南】从开发编写到构建运行的多维度实践
前端·性能优化
女生也可以敲代码1 天前
AI时代下的50道前端开发面试题:从基础到大模型应用
前端·面试
ZhengEnCi1 天前
M5-markconv自定义CSS样式指南 📝
前端·css·python
IT_陈寒1 天前
SpringBoot自动配置的坑差点让我加班到天亮
前端·人工智能·后端