【CSS3】table的css属性

table的css属性
border-collapse	设置是否把表格边框合并为单一的边框。
border-spacing	设置分隔单元格边框的距离。
caption-side	设置表格标题的位置。
empty-cells	设置是否显示表格中的空单元格。
table-layout	设置显示单元、行和列的算法。

1.border-collapse：设置是否把表格边框合并位单一边框

  table, td, th{border-collapse:separate;/*默认值，边框会被分开*/border-collapse:collapse;/*如果可能，边框会合并为一个单一的边框*/border:1px solid black;}

2.border-spacing：设置分割单元格边框的距离

 table, td, th{border-collapse:separate;/*默认值，边框会被分开*/border-spacing:10PX;border:1px solid black;}

3.caption-side:设置表格标题的位置。

CSS代码：

caption{caption-side:bottom
}

HTML代码：

<table border="1"><caption>This is a caption</caption><tr><td>Adams</td><td>John</td></tr><tr><td>Bush</td><td>George</td></tr>
</table>

效果：

4.empty-cells：设置是否显示表格中的空格单元

table
{border-collapse: separate;empty-cells: hide;empty-cells:show;
}

不显示效果：

5.table-layout：设置显示单元、行和列的算法。

 table{table-layout:automatic;table-layout:fixed;}

转载于:https://www.cnblogs.com/Horsonce/p/7494848.html

【CSS3】table的css属性相关推荐

css中哪些属性与创建多列相关,css3中的新增属性有哪些
css3中的新增属性有哪些发布时间:2021-04-02 17:39:08 来源:亿速云阅读:90 作者:Leah 这篇文章将为大家详细讲解有关css3中的新增属性有哪些,文章内容质量较高,因此小 ...
html5中css新增的属性,css3有哪些新增属性？常用的新增属性总结
css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性. 一.css ...
css情景动画,css3中的动画属性animation应用场景及编写代码教程
讲解一下css3中的动画属性animation应用场景及编写代码教程以下讨论的是和css3 动画属性 animation 相关的css3中的动画属性animation应用场景及编写代码教程教程文章 ...
css动画定义,css3的动画(animation)属性的详解（附代码）
本篇文章给大家带来的内容是关于css3的动画(animation)属性的详解(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. css3动画(animation)具有以下属性: ...
以下css属性可以用来画圆的是,css3 如何画圆
css3画圆的实现方法:首先创建一个HTML示例文件:然后定义一个div,并命名为"circle":最后通过css属性"border-radius"使div实现 ...
浅谈CSS table布局的属性
CSS布局有很多种方法,比较常用的有浮动.定位.flex布局等,这些布局各有各的利弊,各有各的使用场景.除了这几种常见的布局外,曾经在CSS布局界还有一种table布局,虽然因为它的一些非语义化.布局 ...
html table cellspacing css,table的cellpadding=0,cellspacing=0属性CSS定义
1.cellspacing="10"可用样式 table { border-spacing: 10px; } 代替说明: 设置或检索当表格边框独立(例如当 border-coll ...
html中visibility属性,（CSS）不同浏览器对table中visibility属性显示的不同
本文举例说明在不同浏览器对table中visibility属性显示的不同. 一.HTML代码 thth tdtd 二.不同浏览器的表示选取了Chrome.FireFox.Edge.IE11分别测试, ...
一个css属性让页面变成黑白色之CSS3 filter(滤镜) 属性
2020年是不平凡的一年,在此缅怀一下在抗击新冠肺炎中牺牲的烈士和因为新冠肺炎去世的同胞们,有时候我们需要让网站的页面变成黑白色彩的,只需要一个css属性filter属性即可: filter 属性定义 ...

【CSS3】table的css属性

【CSS3】table的css属性相关推荐

最新文章

热门文章