一種方式:直接將這個(gè)圖用ps處理，還有一種html里面有層級(jí)代碼，修改代碼將字這一層放在圖片上面；方法1: ps寫(xiě)在圖片上；方法2: 給標(biāo)簽加入圖片背景, 在標(biāo)簽里面寫(xiě)字；方法3: 使用img加載圖片, 樣式設(shè)置為固定或絕對(duì)定位, 添加樣式；z-index: -1;；然后寫(xiě)字；<span>dadasdasdas</span><img src="XXXX" style="background: rgb(142, 107, 249);position: absolute;left: 0;top: 0;width: 100%;height: 100%;">

首先，我們打開(kāi)html編輯器，然后新建html文件，例如：index.html，編寫(xiě)問(wèn)題基礎(chǔ)代碼。

其次我們?cè)趇ndex.html中的<img>標(biāo)簽中，輸入樣式代碼：style="margin: 10px 15px 20px 30px;"。

最后我們利用瀏覽器運(yùn)行index.html頁(yè)面，這個(gè)時(shí)候圖片被成功移動(dòng)了位置。

在 HTML 中，圖像由 <img> 標(biāo)簽定義。 <img> 是空標(biāo)簽，意思是說(shuō)，它只包含屬性，并且沒(méi)有閉合標(biāo)簽。 要在頁(yè)面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。 定義圖像的語(yǔ)法是：