CSS是層疊樣式表(Cascading Style Sheets)的縮寫，是一種用于設計和布局網頁的技術。它可以控制網頁的樣式、布局和排版，使網頁更具可讀性、吸引力和專業性。雖然CSS已經發展了很長時間，但是它仍然是一種廣泛使用的Web技術，因為它可以用于創建各種類型的網站和應用程序。在本文中，我們將介紹100種CSS樣式，包括基本的樣式、邊框和底紋、字體、顏色、對齊方式、背景等等。

1. 基本的樣式

基本的樣式是指用于控制網頁元素的樣式，例如文本、背景和邊框。以下是一些基本的CSS樣式：

- 文本：使用CSS可以更改文本的字體、顏色、大小和對齊方式。

- 背景：使用CSS可以更改背景顏色和透明度。

- 邊框：使用CSS可以更改網頁元素的邊框寬度和樣式。

- 底紋：使用CSS可以更改網頁元素的底紋顏色和透明度。

2. 邊框和底紋

邊框和底紋是CSS中的另一個重要概念，用于控制網頁元素的外邊框和背景。以下是一些基本的CSS樣式，用于創建邊框和底紋：

- 邊框：使用CSS可以更改網頁元素的邊框寬度和樣式。

- 底紋：使用CSS可以更改網頁元素的底紋顏色和透明度。

- 無邊框：使用CSS可以創建無邊框的網頁元素。

- 單色底紋：使用CSS可以創建單色底紋。

- 漸變底紋：使用CSS可以創建漸變底紋。

- 動畫底紋：使用CSS可以創建動畫底紋。

3. 字體

字體是CSS中的另一個重要概念，用于更改網頁元素的字體。以下是一些基本的CSS樣式，用于更改字體：

- 字體：使用CSS可以更改字體名稱、大小和樣式。

- 粗體：使用CSS可以更改字體粗體程度。

- 斜體：使用CSS可以更改字體斜體程度。

- 下劃線：使用CSS可以更改字體下劃線程度。

- 顏色：使用CSS可以更改字體顏色。

4. 顏色

顏色是CSS中的另一個重要概念，用于更改網頁元素的樣式。以下是一些基本的CSS樣式，用于更改顏色：

- 顏色：使用CSS可以更改顏色名稱、顏色值和透明度。

- 漸變顏色：使用CSS可以更改顏色漸變方式。

- 單色顏色：使用CSS可以更改顏色單色。

- 背景顏色：使用CSS可以更改背景顏色和透明度。

5. 對齊方式

對齊方式是指用于控制網頁元素的排列方式。以下是一些基本的CSS樣式，用于創建對齊方式：

- 居中：使用CSS可以更改網頁元素的居中方式。

- 左對齊：使用CSS可以更改網頁元素的左對齊方式。

- 右對齊：使用CSS可以更改網頁元素的右對齊方式。

- 上對齊：使用CSS可以更改網頁元素的上對齊方式。

- 下對齊：使用CSS可以更改網頁元素的下對齊方式。

6. 背景

背景是CSS中的另一個重要概念，用于更改網頁的背景顏色和透明度。以下是一些基本的CSS樣式，用于創建背景：

- 無背景：使用CSS可以創建無背景的網頁元素。

- 單色背景：使用CSS可以創建單色背景。

- 漸變背景：使用CSS可以創建漸變背景。

- 動畫背景：使用CSS可以創建動畫背景。

7. 其他樣式

除了基本的樣式、邊框和底紋、字體、顏色和對齊方式，還有許多其他的CSS樣式，可以用于創建不同類型的網站和應用程序。以下是一些其他的CSS樣式：

- 表單樣式：用于創建表單元素的樣式。

- 表格樣式：用于創建表格元素的樣式。

- 圖片樣式：用于更改圖片的樣式和大小。

- 表格邊框樣式：用于更改表格邊框的樣式。

- 圖片邊框樣式：用于更改圖片邊框的樣式。

8. 樣式表

在編寫CSS樣式時，可以使用樣式表來組織和管理樣式。以下是一個簡單的樣式表示例：

/* 基本的樣式 */

body {

font-family: Arial, sans-serif;

color: #333;

background-color: #fff;

font-size: 2em;

margin-bottom: 1em;

font-size: 1.5em;

line-height: 1.5;

margin-bottom: 1em;

color: #333;

text-decoration: none;

a:hover {

color: #777;

以上是一個簡單的CSS樣式表示例，它可以用于更改網頁元素的樣式。