CSS 可以很方便地將圖片作為背景或插入到當前 HTML 文檔中，這給了我們廣泛且精細的表現能力。在下面的段落中，我們將討論如何向代碼中添加圖片。 要向 CSS 中添加圖片，我們可以使用 background-image 屬性來設置圖片作為背景。例如，我們可以寫下這樣一個規則：

p {
background-image: url("example.png");
}

這個規則將會使得所有<p>元素的背景圖片為 example.png。需要注意的是，這個屬性必須指定相對于 CSS 文件路徑的圖片地址。此外，我們可以通過多個屬性選項來控制圖片的顯示方式，比如background-repeat,background-position,background-size等等。 我們還可以通過img標簽來實現向 HTML 文檔中添加圖片。以下是一個示例代碼：

<p>
<img src="example.png" alt="This is an example image">
</p>

通過上述代碼，我們在一個段落中添加了一張名為 example.png 的圖片。需要注意的是，<img>標簽的src屬性必須是指向相對于 HTML 文件路徑的圖片地址。此外，我們還可以通過控制width和height屬性來調整圖片的大小。 當然，在實際應用中，我們通常需要更加復雜的布局和效果實現。例如，我們可以通過使用flexbox或者grid布局來控制圖片的顯示位置，還可以通過filter屬性來添加顏色或透明度等效果。總之， CSS 提供了非常豐富的定制化功能，可以幫助我們實現各種精美的 UI 效果。