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外觀有很多工具。 每個參數也是一個巨大的價值選擇量。 如果你使用它一次，就可以創建傑作。 特別是如果你做 適應性設計 用於所有瀏覽器。

在設計中最主要的 - 不影響過頭。 一切都應該適可而止完成。 起初，佈局喜歡實驗，並立即使用所有他們的知識。 如表中的結果是過飽和的性質。 盡量避免這些錯誤。

此外，一些參數可以彼此干涉。 例如，沒有必要指定 的背景顏色 表中的，而如果存在仍然設置背景圖片，這將重疊指定的顏色。