背景圖片的語法如下：

```css

background: url(圖片地址) no-repeat center center fixed;

其中，url()用于指定背景圖片的地址，后面可以跟著一個空格分隔的多個圖片地址，多個地址之間用逗號隔開。no-repeat表示背景圖片不會重復顯示，center表示圖片在頁面的中心位置，center和fixed表示圖片會在頁面上居中并且固定在屏幕上。

例如，以下代碼將創建一個背景圖片，并將其放在頁面的中心位置：

```css

如果你需要在圖片上設置鼠標指針、滾動輪等交互效果，可以使用CSS的hover和mouseenter和mouseleave屬性。

下面是一個示例：

```css

body {

background-size: cover;

.container {

width: 400px;

height: 300px;

margin: 0 auto;

在這個示例中，我們創建了一個容器元素，并將其寬度和高度設置為400px和300px，然后使用background屬性添加了一個背景圖片。在背景圖片上，我們使用了background-size屬性設置了圖片的大小為 cover，這意味著圖片將填滿容器的整個寬度和高度。同時，我們還使用了background-position屬性設置了圖片的位置，將其放置在容器元素中心位置。最后，我們使用background-size: cover；屬性將背景圖片鋪滿整個頁面。

通過使用CSS，我們可以輕松地添加背景圖片來創建一個漂亮的網頁。通過使用background屬性和相關的屬性，我們可以控制圖片的大小和位置，從而使我們的網頁更加美觀和易于閱讀。