在Web開發中，CSS（層疊樣式表）是一種用于控制 HTML 文檔外觀和布局的語言。其中一個常見的應用場景是為網頁中的圖片、文章和代碼添加樣式。本文將介紹如何使用 CSS 將圖片、文章和代碼樣式化。 首先，針對圖片的樣式化，可以使用 `img` 標簽和 CSS 的 `border` 屬性來控制圖片的邊框樣式、顏色和寬度，例如： ```css img { border: 2px solid #ccc; } ``` 這會使所有 `img` 標簽周圍出現 2 像素寬的灰色邊框。 其次，針對文章和段落的樣式化可使用 `p` 標簽和 CSS 的 `color`、`font-size` 和 `line-height` 屬性來控制文本的顏色、字號和行高，例如： ```css p { color: #333; font-size: 16px; line-height: 1.5; } ``` 這會使所有 `p` 標簽的文本顏色為深灰色、字號為 16 像素、行高為字體大小的 1.5 倍。 最后，針對代碼的樣式化可以使用 `pre` 標簽和 CSS 的 `background-color` 和 `padding` 屬性來控制代碼塊的背景色和內邊距，例如： ```css pre { background-color: #f5f5f5; padding: 10px; } ``` 這會使所有 `pre` 標簽的背景色為淺灰色、內邊距為 10 像素，從而突出顯示代碼。 總之，通過使用CSS，我們可以為圖片、段落和代碼添加樣式，使整個網頁效果更加美觀和易讀。