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


相关推荐
蓝胖子的多啦A梦3 分钟前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
LinCC75 分钟前
在Vite中构建项目出错-Top-level await is not available in the configured target environme
前端
用户882093216676 分钟前
如何优雅拆分一个充斥十几种逻辑的 SDK 回调函数?
前端
Momoly088 分钟前
vue3+el-table 利用插槽自定义数据样式
前端·javascript·vue.js
唯有选择8 分钟前
让你的应用界面好看的基石:Flutter主题Theme使用和扩展自定义字段
前端·flutter
山有木兮木有枝_8 分钟前
告别布局间隙:浮动(float)在网页排版中的高阶应用
前端
满分观察网友z10 分钟前
vue的<router-link>的to里面的query和params的区别
前端
小约翰仓鼠10 分钟前
vue3表格使用Switch 开关
前端·javascript·vue.js
JiangJiang12 分钟前
🔥 面试官:Webpack 为什么能热更新?你真讲得清吗?
前端·面试·webpack
anyup31 分钟前
快崩溃了!华为应用商店已经 4 次驳回我的应用上线
前端·华为·uni-app