當(dāng)我們?cè)趯?xiě)文章時(shí)，有時(shí)候需要在圖片下方添加一些文字描述。那么如何讓文字在圖底下呢？ 首先，我們需要在HTML中添加圖片。代碼如下： `````` 接著，在圖片下面添加一個(gè)段落標(biāo)簽p，并在其中添加圖片描述文字。代碼如下： ```html

這是一張漂亮的海灘圖片。

``` 接下來(lái)，我們可以使用CSS來(lái)讓文字顯示在圖片下面。首先，我們需要將p標(biāo)簽的display屬性設(shè)置為inline，這樣它就會(huì)在圖片的下方顯示。代碼如下： ```css p { display: inline; } ``` 但是，由于圖片的大小不同，我們可能需要根據(jù)每張圖片的大小來(lái)手動(dòng)調(diào)整p標(biāo)簽的位置。因此，我們可以將p標(biāo)簽的position屬性設(shè)置為relative，然后使用top屬性來(lái)調(diào)整它的位置。代碼如下： ```css p { display: inline; position: relative; top: 150px; } ``` 在這個(gè)例子中，我們將p標(biāo)簽向下移動(dòng)了150像素，以便它顯示在圖片下方。 最后，如果我們需要在文章中添加代碼，我們可以使用pre標(biāo)簽來(lái)表示它是一個(gè)代碼塊。例如： ```html

function sayHello() {
console.log("Hello, World!");
}

``` 使用pre標(biāo)簽可以使代碼的格式更清晰、易讀，并且保留代碼中的縮進(jìn)和空格等格式。 綜上所述，讓文字在圖片下方可以通過(guò)設(shè)置p標(biāo)簽的display，position和top屬性來(lái)實(shí)現(xiàn)。而代碼塊可以使用pre標(biāo)簽來(lái)表示。