在 CSS 中添加圖片是一種常見的技巧，可以通過指定背景圖像（background-image）屬性來實現。以下是一個示例代碼：

這是一個帶有背景圖片的段落。

p {
background-image: url('example.jpg');
background-size: cover;
padding: 20px;
color: white;
}

在上面的代碼中，使用了 background-image 屬性將圖片添加到了段落中。url() 函數用于指定圖片的路徑和文件名?？梢允褂孟鄬β窂交蚪^對路徑，也可以使用外部鏈接。此外，通過 background-size 屬性設置背景圖片的大小，這里設為 cover，表示按照比例縮放圖片，使其完全覆蓋整個元素。最后，通過設置 padding 屬性來提高段落的可讀性，同時設置 color 屬性來使文字呈現白色。 需要注意的是，CSS 中的背景圖片不會受到 HTML 代碼中其他元素的阻擋，因此，為了避免重疊影響視覺效果，可以使用 z-index 屬性來調整元素的層疊順序。例如：

這是一個帶有圖片和文本的段落。

p {
background-image: url('example.jpg');
background-size: cover;
padding: 20px;
color: white;
position: relative;
z-index: 1;
}
span {
position: relative;
z-index: 2;
}

在上面的代碼中，使用了 position 屬性將段落設置為相對定位，并使用 z-index 屬性指定其層疊順序為 1。同樣，使用了 position 屬性將文本所在的 span 元素設置為相對定位，并使用 z-index 屬性指定其層疊順序為 2，確保它在段落上方顯示。 總之，在 CSS 中添加背景圖片是一種常見且有用的技巧，可以通過多種方式來實現，例如使用背景圖像屬性、調整層疊順序等方法，讓頁面呈現更豐富的視覺效果。