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


相关推荐
BBB努力学习程序设计9 小时前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
冰暮流星9 小时前
css之动画
前端·css
jump68010 小时前
axios
前端
进击的野人10 小时前
CSS选择器与层叠机制
css·面试
spionbo10 小时前
前端解构赋值避坑指南基础到高阶深度解析技巧
前端
用户40993225021210 小时前
Vue响应式声明的API差异、底层原理与常见陷阱你都搞懂了吗
前端·ai编程·trae
开发者小天10 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
永远的个初学者10 小时前
图片优化 上传图片压缩 npm包支持vue(react)框架开源插件 支持在线与本地
前端·vue.js·react.js
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ10 小时前
npm i / npm install 卡死不动解决方法
前端·npm·node.js
Kratzdisteln10 小时前
【Cursor _RubicsCube Diary 1】Node.js;npm;Vite
前端·npm·node.js