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

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

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

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

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