CSS背景圖片適應父元素的方法 在網頁設計中，CSS背景圖片是一個強大的工具。為了讓背景圖片適應父元素，我們必須運用一些CSS技巧。以下是一些可以幫助你實現這個目標的方法。 第一種方法: 設置背景圖片的尺寸 我們可以設置背景圖片的大小，跟父元素的大小一致。這樣，當父元素的大小變化時，背景圖片也會相應地調整大小。下面是實現這個方法的代碼： ``` p { background-image: url("image.jpg"); background-size: 100% 100%; /* 父元素的尺寸 */ } ``` 第二種方法: 使用背景圖片平鋪 我們可以讓背景圖片鋪滿整個父元素，從而使它自身適應父元素。下面是實現這個方法的代碼： ``` p { background-image: url("image.jpg"); background-repeat: repeat; /* 均勻平鋪 */ } ``` 第三種方法: 背景圖片固定 我們也可以讓背景圖片固定在父元素的位置，讓其相對于父元素而言，總是保持在同一位置，無論父元素大小如何改變。下面是實現這個方法的代碼： ``` p { background-image: url("image.jpg"); background-attachment: fixed; /* 固定背景圖片 */ } ``` 總結 本文介紹了三種方法，可以讓CSS背景圖片適應父元素。使用上述任意一種方法，在設計網站時，都可以讓背景圖片完美展現，煥發出更加優美的視覺效果。