css3中的表格属性是什么

小编给大家分享一下css3中的表格属性是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！ css3表格属性：1、border-collapse；2、border-spacing；3、caption-side；4、empty-cells；5、table-layout；6、width；7、padding；8、text-align等。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。使用 CSS 可以使 HTML 表格更美观。指定CSS表格边框，使用border属性。缩写边框属性设置在一个声明中所有的边框属性。可以设置的属性分别（按顺序）：border-width，border-style，border-color。（即边框的宽度、边框的样式、边框的颜色）如果上述值缺少一个没有关系，例如border：＃FF0000;是允许的。1.1 border属性 1.2 border-width属性 1.3 border-style属性1.4 border-color属性小实例：请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框，使用 border-collapse 属性。如下：1.5 border-collapse属性1.6 border-spacing 属性（1）作用：该属性指定分隔边框模型中单元格边界之间的距离。除非 border-collapse 被设置为 separate，否则将忽略这个属性。尽管这个属性只应用于表，不过它可以由表中的所有元素继承。（2）可能的值：值描述length length规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。如果定义一个length参数，那么定义的是水平和垂直间距。如果定义两个length参数，那么第一个设置水平间距，而第二个设置垂直间距。1.7 caption-side属性（1）作用：设置表格标题的位置，该属性指定了表标题相对于表框的放置位置。表标题显示为好像它是表之前（或之后）的一个块级元素。（2）可能的值：值描述top默认值。把表格标题定位在表格之上。bottom把表格标题定位在表格之下。（3）浏览器的兼容性：除IE外的所有主流浏览器都支持 caption-side 属性。如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 caption-side属性。1.8 empty-cells 属性（1）作用：该属性定义了不包含任何内容的表单元格如何表示。如果显示，就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate，否则将忽略这个属性。（2）可能的值：值描述hide不在空单元格周围绘制边框。在空单元格周围绘制边框。默认。（3）浏览器的兼容性：除IE外的所有浏览器都支持 empty-cells 属性。如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。1.9 table-layout属性（1）作用：来显示表格单元格、行、列的算法规则，该属性指定了完成表布局时所用的布局算法。（2）两种算法：固定表格布局: fixed#优点：允许浏览器更快地对表格进行布局, （在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。）；#缺点：不太灵活。自动表格布局：automatic#优点：更能反映传统的 HTML，（在自免费云主机、域名动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的。）；#缺点：自动算法比较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。（3）可能的值：值描述automatic默认。列宽度由单元格内容设定。fixed列宽由表格宽度和列宽度设定。inherit规定应该从父元素继承 table-layout 属性的值。width和height属性定义表格的宽度和高度。下面的例子是设置30％的宽度，30像素的th元素，20像素的td元素的高度的表格：小实例： 表格中的文本对齐和垂直对齐属性。text-align属性设置水平对齐方式，向左，右，或中心。vertical-align属性设置垂直对齐方式，比如顶部，底部或中间。小实例： padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。以上是“css3中的表格属性是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注云技术行业资讯频道！

相关推荐: Angular如何结合Git Commit进行版本处理

这篇文章主要介绍Angular如何结合Git Commit进行版本处理，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！上图是页面上展示的测试环境/开发环境版本信息。后面有介绍上图表示的是每次提交的Git Commit的信息，当然，这里我是…