CSS：表的设计。 登记的例子

制作与CSS表 - 课的有趣的和负责任的。 对待这一业务需要胜任，用所有可能的样式知识。 此外，有必要拥有为了不吓走他们的创造力游客美感。

该表可以转换几乎所有的东西。 美丽的设计包括使用CSS表格设计的界限，表格背景，单元格背景，它们多之间的差距。 考虑最基本的。

表格边框

CSS样式表的设计总是涉及游戏的边界（帧）。 默认情况下所有的表都没有的轮廓框架。 也就是说，它是等于0像素。 但是这可以通过财产边界进行修正。

您可以指定整个表格的外框：

表{边界：3px的纯黑色; }

由于这条线，在使用这种风格的网站上所有的表是黑框。 请注意，只有在边界上的边缘，而不是在表内。 对于细胞系和帧另有规定。

日，TD {边界：3px的实心黑色;}

厚度和颜色，您可以指定任何。 请记住，边界不加倍拼接单元时。

这个词是指固体连续登记。 您可以指定其他值。

这是最常用的坚固的框架，因为它看起来更具吸引力，并不会从该网站的主要内容分散注意力。

border属性也可以指定在电路板上。 边界只能为顶部，底部设置，左侧或右侧。 因为在某些情况下它不与所述框架，用于整个表一次一个可行的选择。

表{边境顶：1px的固体红; }

所以，你可以设置只对表的顶部框架。 同样地向任何其他方，而不只是上面写着：右，左或底部。

表头

表头可以使用标记<字幕>来指定。 这个标签可以在CSS注册了大量的微调性质。 在CSS表的设计是好的，因为它是可以操纵的元素，你想要的方式。

此标题显示在相同的方式，在书籍的一种标准（如“表1”）。

您可以指定标题和财产带字幕一侧（顶部或底部）的位置。 对齐左右是由物业的text-align定义。

背景表

表中的背景可以是任何颜色或图案。 颜色设置属性的背景色。 性能与用途的讲话完全一致的名称。 它有利于存储许多倍。

颜色可以指定为名称，不同的编码。 此外，您可以指定以下内容：

• 透明 - 透明。
• 继承 - 颜色相同的父元素。
• 初 - 默认。

期权的透明度，可以在在CSS文件中的文本中的所有表中的一种颜色制成的情况下被使用，但在这种情况下没有必要。

另外，背景可以是图像。 要做到这一点，在款式规定background-image属性。 路径是这样的：

URL（ 'URL'）

到该文件的路径可以是相对的或绝对的。

更复杂的填充可以用梯度来完成：

• 线性梯度（）;
• 径向梯度（）;
• 重复线性梯度（），并且重复径向梯度（） - 梯度重复。

背景细胞

除了一般的背景下，您可以指定列或行的条纹背景。 对于属性的登记经常使用的，因为更容易线的视觉分离来读取信息。

除了交替，你可以指定一个特定的列或行的数量。 例如像这样：

• TR：第n个孩子（甚至）{...} - 指定隔行扫描;
• TR：第n个孩子（1）{...} - 一个特定行的属性的指示;
• TD：第n个孩子（偶数）{...} - 交替列的指示;
• TD：第n个孩子（1）{...} - 特定列的特性的指示。

除了可以指定序列号 - 第（TD：第一孩子）或最后（TD：最后一个孩子）。

电池之间的间隙

在CSS中，表格的设计让你去除细胞之间的空间。 默认情况下，他们是。 例如，如果设置在表框不设置边界之间的距离，这将是在这里这个结果。

同意，它看起来不是很好，这是不是方便阅读。 用户将有因为这个眼睛纹波。 删除这些差距可以通过写了这样的表格样式的一行：

边界崩溃：崩溃

但它也发生了距离，相反，应该增加。 此外，间隙的尺寸可以被指定为列之间和线之间。 为了表明一个值（而不是崩溃）：

边界崩溃：独立

但是，这样的行动将表明，有必要分离细胞。 由于这是他们的份额，表明附加属性：

边框间距：20像素。

如果你想指定的行和列之间的距离不同，它表明了两两件事：

边框间距：10px20px。

在浏览器的差异

请记住，在CSS设计表可能看起来不同，取决于浏览器。 尤其糟糕的是旧版本的情况下，在CSS的创新不被支持。

以上是框架的厚度为数字值的一个例子。

对于这个例子，对于常数的帧的厚度。

边框样式差别也很大。

因此，开发总能看到结果在不同的浏览器。

在CSS设计表格建议检查浏览器的类型。 特别是用于大问题是与旧版本的Internet Explorer的用户。

非常先进的开发者可以根据浏览器连接完全不同的CSS文件。 有人让每一张支票或一些特定的风格（类）。

从阴影中出现最多的问题。

CSS：表格式示例

报名可以多种多样的。 这一切都取决于整个网站和它的设计。 所有应结合和杂色的颜色。 此外，它使一个伟大的角色和风味开发商。 美感是所有不同。

我们给各个表的一些例子。 上图显示了使用倾斜，并与背景颜色和边框玩。

许多人会成为美丽整洁的设计，不会削减眼球用户有趣的例子。 本实施例是在几乎任何状况适当。

边缘可以制成圆。 它看起来相当不错。

结论

正如你所看到的，对表的CSS外观有很多工具。 每个参数也是一个巨大的价值选择量。 如果你使用它一次，就可以创建杰作。 特别是如果你做 适应性设计 用于所有浏览器。

在设计中最主要的 - 不影响过头。 一切都应该适可而止完成。 起初，布局喜欢实验，并立即使用所有他们的知识。 如表中的结果是过饱和的性质。 尽量避免这些错误。

此外，一些参数可以彼此干涉。 例如，没有必要指定 的背景颜色 表中的，而如果存在仍然设置背景图片，这将重叠指定的颜色。