在CSS中加入圖片是很常見的動作。下面我們來介紹一下怎樣在CSS中加入圖片。 一、使用background-image屬性 你可以使用CSS的background-image屬性來添加背景圖片。在CSS中，你可以在指定的元素中添加這個屬性。下面是CSS的語法演示： ```css selector { background-image: url("image.jpg"); } ``` 在這個例子中，selector是你想要添加背景圖片的選擇器。你使用url()函數來指定圖片的位置。例如，在上面的語法演示中，背景圖片的位置是“image.jpg”。 二、完整的背景屬性列表 對于更加復雜的背景，你可以使用CSS的background屬性。這個屬性需要五個值：背景顏色、背景圖片、背景重復、背景位置和背景附著。下面是CSS的語法演示： ```css selector { background: #ffffff url("image.jpg") no-repeat center center fixed; } ``` 在這個例子中，#ffffff是一個背景顏色值。我們使用no-repeat關鍵字來禁止圖片在背景中的重復。我們使用“center center”來指定圖片放置在背景中央。我們使用fixed關鍵字來讓背景固定在視口中，這樣即使頁面中滾動，背景也會不變。 三、使用img標簽來插入圖片 在HTML中，你可以使用img標簽來插入圖片。在CSS中，你可以使用選擇器來樣式化img標簽。下面是CSS的語法演示： ```css img { border: 1px solid #000000; padding: 5px; margin: 10px; } ``` 在這個例子中，我們使用選擇器img來樣式化所有的圖片。我們添加了一個1像素寬的黑色邊框，為圖片添加上下左右面板，這樣圖片就會更加顯眼。 總結 在本文中，我們介紹了如何在CSS中加入圖片。你可以使用background-image屬性來添加背景圖片，或者使用background屬性來添加更加復雜的背景。你也可以使用img標簽來插入圖片并為其添加樣式。希望這篇文章能夠幫助你在CSS中更好地使用圖片，為你的網頁添加更美觀的元素。