在網頁設計中，背景圖是很常見的一部分。而CSS提供了幾種不同的方式來插入背景圖。下面將介紹一些常用的方法。
1. 使用background-image屬性
可以使用background-image屬性將一張圖片設為背景。建議將圖片放在與CSS文件相同的目錄下。例如：
2. 使用background屬性
除了使用background-image之外，還可以使用background屬性來插入背景。這個屬性的值由多個部分組成，一般情況下我們只需要設定它的background-color和background-image屬性即可。例如：
上面這段代碼中，#ffffff是背景顏色，url('bg-image.jpg')則是背景圖片的地址。no-repeat表示不重復圖片，top right是背景位置。
3. 設置背景尺寸
如果背景圖片尺寸過大或過小，可以通過background-size屬性來調整。例如：
上面這段代碼會讓圖片自適應屏幕寬高比，鋪滿整個背景。
綜上，通過上述三種方式，我們可以很方便地插入背景圖片。CSS提供了很多其他的設置，比如背景位置、重復方式等等，具體可以參考相關文檔。下面是一個完整的例子：
1. 使用background-image屬性
可以使用background-image屬性將一張圖片設為背景。建議將圖片放在與CSS文件相同的目錄下。例如：
css
body {
background-image: url('bg-image.jpg');
}2. 使用background屬性
除了使用background-image之外，還可以使用background屬性來插入背景。這個屬性的值由多個部分組成，一般情況下我們只需要設定它的background-color和background-image屬性即可。例如：
css
body {
background: #ffffff url('bg-image.jpg') no-repeat top right;
}上面這段代碼中，#ffffff是背景顏色，url('bg-image.jpg')則是背景圖片的地址。no-repeat表示不重復圖片，top right是背景位置。
3. 設置背景尺寸
如果背景圖片尺寸過大或過小，可以通過background-size屬性來調整。例如：
css
body {
background-image: url('bg-image.jpg');
background-size: cover;
}上面這段代碼會讓圖片自適應屏幕寬高比，鋪滿整個背景。
綜上，通過上述三種方式，我們可以很方便地插入背景圖片。CSS提供了很多其他的設置，比如背景位置、重復方式等等，具體可以參考相關文檔。下面是一個完整的例子：
html
<!DOCTYPE html>
<html>
<head>
<title>CSS Background Image</title>
<style type="text/css">
body {
background-image: url('bg-image.jpg');
background-size: cover;
}
p {
color: #333;
font-size: 24px;
}
pre {
background-color: #f8f8f8;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<p>This is some text.</p>
<pre>
body {
background-image: url('bg-image.jpg');
background-size: cover;
}