HTML 圖片沉底是一種將圖片層面下移的效果，以便在文本中讓其更加優(yōu)雅地呈現(xiàn)。通過使用 CSS 定位屬性，我們可以控制圖片的位置和層次關(guān)系，從而實(shí)現(xiàn)圖片沉底的效果。 下面是一個(gè)實(shí)現(xiàn) HTML 圖片沉底的示例代碼： ```

這是一張圖片：

這是文章的正文。

``` 在以上代碼中，我們使用了 `position` 屬性將圖片的定位方式設(shè)置為相對定位。然后，通過調(diào)整 `bottom` 屬性的值，將圖片下移了 15 像素，實(shí)現(xiàn)了圖片沉底的效果。 值得注意的是，如果我們不將圖片的父元素 `p` 標(biāo)簽中的文本和圖片間隔開來，那么圖片下移的 15 像素會(huì)將前面的文本也一同下移，從而打亂了文章的版式。因此，在實(shí)際應(yīng)用中，我們要特別注意要在文本和圖片之間添加一個(gè)換行符或者用其他方法將它們隔開。 總的來說，HTML 圖片沉底是一種簡單而實(shí)用的效果，通過合理運(yùn)用 CSS 定位屬性，我們可以讓文章中的圖片更好地與文字結(jié)合，從而為讀者提供更加舒適的閱讀體驗(yàn)。