[HTML][中文][新手] 08. Div標籤以及CSS高, 寬 與背景顏色屬性

確保背景顏色與其上方文字顏色之間的對比度足夠高，這點非常重要，如此一來視力不佳的使用者才能閱讀頁面內容。 顏色對比度是透過比較文字和背景顏色值的亮度來決定的。

運用 CSS 的 background-color 樣式，可以運用任何支援的色彩單位，將元素的背景指定成特定顏色，這篇教學除了介紹 background-color 的用法，還會介紹 background-clip 裁切背景樣式，明確設定背景顏色延伸的範圍。

在 HTML 中，顏色也可以使用 RGB 值、HEX 值、HSL 值、RGBA 值和 HSLA 值來指定。 以下三個 <div> 元素的背景顏色分別透過 RGB、HEX 和 HSL 值設定。

本教材版權屬網頁研習室作者【李文能】所有，認識網頁背景 & 文字顏色用法

CSS background-color 用來設計網頁本身的背景顏色或者是網頁元素（例如 DIV 、 span）的背景顏色，比起 background-image 要自己製作背景圖片還要簡單，挑選適合的色碼就可以馬上修改背景顏色，在設計的過程可以節省很多工作時間，有些是設計師會先用 background-color 把 ...

HTML 設定背景有兩種簡單的模式，簡單一點就直接搭配背景顏色（bgcolor），精美一點就做個背景圖（background），這兩種做法在 HTML 中都可以輕鬆做到，現在就來看看以下背景顏色與背景圖片範例。

Html背景圖片是設計網頁一定會用到的技巧，本文介紹bgcolor屬性語法如何設定背景顏色，再以background將整個頁面填滿背景圖，最後補充CSS滿版圖片封片的樣式效果。