CSS定義背景100%的方法

body{
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}

在網頁設計中，背景圖像的選擇與運用是很重要的一環。CSS中可以通過設置背景圖像的大小，使其能夠在不同分辨率的屏幕上保持好的顯示效果。要實現背景圖像全屏占滿的效果，我們可以使用以下代碼：

background-size: cover;

這句代碼表示將背景圖像縮放至完全覆蓋背景區域，可以保證所有尺寸屏幕上的背景圖像都能覆蓋整個屏幕，不會出現空白。

此外，我們還需要使用其他的CSS屬性來確定背景圖像的位置和固定方式。比如：

background-position: center center;
background-attachment: fixed;

這兩句代碼分別表示將背景圖像設置在屏幕中央，并且使其固定不動。這樣做可以確保當頁面滾動時背景圖像保持不變，不會出現滾動不流暢的問題。

最終的完整代碼如下：

body{
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}

以上就是使用CSS定義背景100%的方法。