CSS —表格基本知识
来源:互联网 发布:程序员培训学费 编辑:程序博客网 时间:2024/06/05 23:49
CSS —表格基本知识
- table的基本格式
这篇里面,写了表格基本用到的标签。但是出于兼容性,不考虑thead
tbody
tfoot
- 依据属性设置表格
- border
- border-spacing border-spacing设置边框之间的距离,一个值代表水平边框之间的距离,两个值分别代表水平与垂直之间的距离。
- border-collapseborder-collapse代表设置是否把表格边框合并为单一的边框。他有两个值,collapse代表边框合并为单一的边框。separate默认值,边框会被分开。
当设置成border-collapse:collapse
时,border-spacing
会不起作用。
- border-spacing
- padding关于padding的设置同盒子模型。
- 利用之前学的进行修饰
- 文本内容文本水平对齐:
text-align:center、left、right
文本垂直对齐:vertical-align:bottom、middle、top
- 标题的位置
标题对齐方式:caption{caption-side: bottom;}//IE7以前及IE7不支持
caption-side: bottom、top(默认)
- 空单元格
空单元格的显示与否:table,tr,th,td{border: 2px solid #FFAFA0;border-collapse: separate;//隐藏空单元格的前提empty-cells: hide; }
empty-cells:hide、show(默认)
- border
0 0
- CSS —表格基本知识
- css基本知识
- CSS基本知识
- CSS基本知识
- CSS基本知识
- CSS基本知识
- CSS——NO.2(CSS样式的基本知识)
- CSS(7)——表格
- css样式表基本知识
- css的基本知识
- HTML+CSS的基本知识
- CSS样式基本知识
- CSS样式基本知识
- HTML/CSS基本知识
- CSS样式基本知识
- CSS学习 一:基本知识
- (转)CSS 基本知识
- CSS样式基本知识
- 用PGP实现加密和解密全过程
- 超强兼容iframe自适应大小,放大缩小都可以
- weblogic和tomcat
- SQL 查询 like 与 = 的区别
- 浅析设计模式之命令设计模式
- CSS —表格基本知识
- spring,mybatis事务管理配置与@Transactional注解使用[转]
- boost::ptr_vector<T>
- 可视化的数据结构和算法
- 关于计算机二进制计算的那点事情
- 【Java基础之Object类(一)】Java中Object类中的所有方法(toString、equals、hashCode、clone、finalize、wait和notify等)详解
- 便宜真的是”王道“吗?
- 互联网+正走在互联网思维的炒作老路上
- Swift 练习