相冊制作模板 Html讓文字顯示在圖片的上面?
Html讓文字顯示在圖片的上面?在HTML中,CSS可用于將文本定位在圖像頂部。1. 創(chuàng)建一個新的HTML文檔,將div標(biāo)記添加到body標(biāo)記中,然后將img標(biāo)記和P標(biāo)記添加到div標(biāo)記中。此時,文本
Html讓文字顯示在圖片的上面?
在HTML中,CSS可用于將文本定位在圖像頂部。
1. 創(chuàng)建一個新的HTML文檔,將div標(biāo)記添加到body標(biāo)記中,然后將img標(biāo)記和P標(biāo)記添加到div標(biāo)記中。此時,文本和圖片分開:
2。在div標(biāo)簽和P標(biāo)簽上分別添加“position:relative;”和“position:relative;”。為P標(biāo)簽設(shè)置“top”和“l(fā)eft”屬性,屬性值是從頂部到左側(cè)的長度。此時,文本將顯示在圖片的頂部