在前端開發中，CSS（層疊樣式表）是不可或缺的一部分。通過CSS，我們可以對網站的外觀和布局進行調整。然而，CSS樣式有很多，對于新手來說，了解CSS樣式是十分重要的。在這篇文章中，我們將通過圖解的方式來介紹常見的CSS樣式。

1. 顏色

color: red;

上面的代碼表示將文本顏色設置為紅色。在CSS中，可以使用十六進制、RGB和顏色名稱來表示顏色。

2. 背景顏色

background-color: yellow;

上面的代碼表示將背景顏色設置為黃色。通過這種方式，您可以修改整個頁面的背景顏色。

3. 字體大小

font-size: 16px;

上面的代碼表示將字體大小設置為16像素。通過修改字體大小，您可以調整頁面上顯示的文本的大小。

4. 字體樣式

font-family: Arial, sans-serif;

上面的代碼表示將字體樣式設置為Arial字體，這是一種常用的無襯線字體。您可以通過修改這個屬性來改變文本的字體樣式。

5. 邊框

border: 2px solid black;

上面的代碼表示將文本的邊框設置為2像素的寬度，黑色實線邊框。您可以使用不同的屬性值來調整邊框的寬度和樣式。

6. 圓角

border-radius: 5px;

上面的代碼表示將邊框的角設置為5像素的圓角。通過這種方式，您可以創建出不同形狀的邊框。

總結

通過這篇文章，我們介紹了常見的CSS樣式，并通過圖解的方式幫助您更好地理解它們。當您開始遇到CSS時，一定要先了解這些樣式，以便您可以更好地設計和布局您的網站。