在網(wǎng)頁設(shè)計中，圖片一直是重要的一部分。而如何使用CSS來添加圖片，則是每一位網(wǎng)頁設(shè)計師都需要掌握的技能。 使用CSS可以將圖片嵌入到HTML文檔中，或者將圖片作為背景來顯示。首先，我們需要了解一些基本的CSS屬性和語法： 1. background-image屬性：這個屬性可以將圖片作為背景來顯示。 例如： ``` body { background-image: url("bg.jpg"); } ``` 2. background-repeat屬性：這個屬性可以設(shè)置背景圖片的重復(fù)方式。 例如： ``` body { background-image: url("bg.jpg"); background-repeat: repeat-x; } ``` 3. background-size屬性：這個屬性可以設(shè)置背景圖片的尺寸。 例如： ``` body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-size: cover; } ``` 4. background-position屬性：這個屬性可以設(shè)置背景圖片的位置。 例如： ``` body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; } ``` 如果我們想將圖片直接嵌入到HTML文檔中，可以使用img標(biāo)簽來實現(xiàn)。例如： ``` ``` 總而言之，使用CSS來添加圖片可以讓網(wǎng)頁設(shè)計更加豐富和生動。我們可以通過設(shè)置不同的屬性和語法，來控制背景圖片的尺寸、重復(fù)方式和位置，或者直接通過img標(biāo)簽將圖片嵌入到HTML文檔中。