www.baike369.com
百科369 > CSS教程 > CSS表格

CSS表格



CSS表格

使用CSS表格属性定义表格样式

使用CSS表格属性可以设置表格的边框、设置表格的宽度和高度、设置表格内文本的对齐方式、设置表格的内边距以及设置表格的背景颜色和文本颜色等样式。

使用CSS制作一个漂亮的表格

使用相关的CSS属性可以制作一个漂亮的表格。

CSS text-align属性控制段落文字的水平对齐

使用text-align属性可以在CSS样式表中控制段落文字相对于页边的水平对齐方式。

CSS设置表格的边框样式实例

使用CSS的border-style属性的hidden属性值设置表格的样式,可以制作出一个新奇别致的表格来。

使用CSS属性将表格边框显示为虚线

默认的表格边框是以实线的形式显示的。

CSS vertical-align属性控制段落文字的垂直对齐

vertical-align属性用于设置文本、图片或其它网页对象和其它元素(一般是上一级元素或者同行的其它元素)的垂直对齐方式。

CSS表格标题位置的代码设置实例

使用CSS的caption-side属性可以定义表格中标题的位置。

使用CSS给表格的行和列定义样式

给表格添加条纹是一种常见的表格设计方法。

使用CSS样式将表格中的超长字符串显示为省略号

如果在表格中出现了超长字符串,我们想将它显示为省略号,可以有多种方法。

CSS是否显示表格中的空单元格

CSS通过empty-cells属性可以设置是否显示表格中的空单元格。

CSS使用固定表格布局算法

固定表格布局算法是指表格的水平布局不依赖于单元格的内容,而只依赖于表格的宽度、列的宽度以及边框或单元格的间隔等。

CSS使用自动表格布局算法

自动表格布局算法没有固定表格布局有效率。

CSS使用百分比表格布局算法

百分比表格布局算法是一种特殊的自动表格布局算法,该算法同样没有固定表格布局有效率。

CSS表格确定单行或列的宽度和高度的代码设置实例

在使用表格元素的时候,表格中存在多个行或列,同时在每个单元格中都可以定义宽度和高度。

CSS表格确定多行或多列的宽度或高度的代码设置实例

在表格的同行或同列中,每个单元格中都定义了宽度或者高度属性值,并且所有单元格宽度或高度之和与表格的宽度或高度不相等。

CSS表格边框是否合并显示的代码设置实例

使用CSS的border-collapse属性可以定义表格中的边框是独立显示还是合并显示。

CSS表格中单元格边框之间的距离的代码设置实例

使用CSS的border-spacing属性可以设置表格中相邻的单元格的边框之间的距离。

使用CSS模仿Excel表格功能

本例使用CSS模拟出了Excel的表格功能。

利用CSS display属性模拟表格

使用CSS的display属性的相关属性值,可以使<ul>标签和<li>标签显示出表格的外观。

Copyright© 2011-2016 www.baike369.com All Rights Reserved