CSS表格

摘要:表格的常用属性:1、边距属性padding(td的mrgin无效)2、边框属性border3、尺寸属性 width height4、文本格式 font-* text-* line-height5、背景属性 颜色,图片,渐变

一、表格的常用属性

1、边距属性padding(td的mrgin无效)

2、边框属性border

3、尺寸属性 width height

4、文本格式 font-*   text-*    line-height

5、背景属性    颜色,图片,渐变


二、特有属性

1、边框合并(写在border中)

写在table中

border-collapse:

separate,默认值,分离

collapse,合并

2、边框的边距(td的margin无效,写在border中)

baoder-spacing:

必须保证边框是分离状态

取值:1个值,水平和垂直距离相同

          两个值,第一个值设置水平,第二个值设置垂直

3、标题位置(写在table中)

caption-side:

取值:

top,默认值,上边

bottom,底部

4、显示规则

告诉浏览器如何渲染一张表格

table-layout:

auto:默认值,自动布局表格,列的尺寸实际由内容决定

fixed:固定表格布局,列的尺寸由设定为准

 

自动布局:单元格的大小会适应内容,加载速度慢,灵活,适用于不确定表格大小,并且表格不复杂的时候
固定布局:单元格取决于设定的尺寸,加载速度快,不够灵活,适用于确定每列尺寸的表格使用


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_5352