Full Screen Background Image with HTML CSS

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

CSS 的 background 屬性及其相關屬性提供了強大的工具來設置網頁元素的背景。 無論是簡單的背景顏色，還是複雜的背景圖片及其位置控制，這些屬性都能幫助你輕鬆達成效果。

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

CSS background 屬性用於為元素新增背景效果。 background-color 屬性指定元素的背景顏色。 使用 CSS，顏色通常透過以下方式指定. 請檢視 CSS 顏色值 以獲取可能的顏色值列表。 您可以為任何 HTML 元素設定背景顏色. opacity 屬性指定元素的透明度。 它可以接受 0.0 - 1.0 之間的值。 值越低，透明度越高. 注意： 當使用 opacity 屬性為元素的背景新增透明度時，其所有子元素將繼承相同的透明度。 這可能導致完全透明元素中的文字難以閱讀。 如果您不想

在本教程中，您将学习如何使用HTML背景图像 可以为几乎任何HTML元素指定背景图像。

Html的body標籤便是實際上會在瀏覽器上顯示的網頁內容，在此設定 Body的標籤值「text」，將屬性值設定為某一個特定色彩：「#5DAC81」，如同截圖右側所看到的預覽效果，所有網頁上文字都變成是所設定的綠色。 在「zanzan.tw」查看更多資訊 想在網站首頁放上一張圖片，通常網站圖片由於瀏覽速度和美觀考量，會特別注意圖片尺寸及大小，這裡的相關資訊可以參考一下。另外文章範例是直接在windows電腦架設的Apache伺服器，因此是直接放在電腦的網站資料夾：「本機磁碟(C:)>Apache2