CSS中定義背景圖片 在CSS中，我們經常會使用背景圖片來美化網頁。在定義背景圖片時，我們需要使用background-image屬性。 示例代碼：

p {
background-image: url("flower.jpg"); 
/* 背景圖片的路徑 */
background-repeat: no-repeat; 
/* 背景圖片是否重復顯示 */
background-position: center; 
/* 背景圖片的位置 */
background-size: cover; 
/* 背景圖片的尺寸 */
}

屬性說明： - background-image：指定背景圖片的路徑，可以使用相對或絕對路徑。 - background-repeat：指定背景圖片是否重復顯示，常用的取值有no-repeat（不重復）, repeat-x（橫向重復）, repeat-y（縱向重復）和repeat（橫向和縱向都重復）。 - background-position：指定背景圖片的位置，常用的取值有left、center、right、top、bottom等。 - background-size：指定背景圖片的尺寸，可以使用具體的像素值或關鍵字，如cover、contain等。 例如，上面的示例代碼中，我們定義了一個p標簽，將flower.jpg作為背景圖片，不重復顯示，居中顯示，以cover方式拉伸和鋪滿背景。 如果需要多個背景圖片或顏色層疊，可以使用background屬性：

p {
background: url("flower.jpg") center no-repeat fixed,
linear-gradient(red, yellow) bottom left no-repeat;
}

該代碼中，我們定義了一個p標簽，使用了兩個背景效果，第一個背景圖片為flower.jpg，居中不重復，固定在頁面上；第二個背景為紅、黃色漸變色，位于頁面底部左側，不重復。多背景設置，可以讓頁面更加美觀豐富。 總結： CSS中定義背景圖片是網頁設計中常用的技能之一。通過background-image、background-repeat、background-position等屬性的設置，可以實現多種不同的背景效果。越來越多的網頁設計和開發人員都開始關注CSS的背景設計，希望可以為用戶提供更加優雅、漂亮的視覺體驗。