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

首先，我們打開html編輯器，然后新建html文件，例如：index.html，編寫問題基礎代碼。

其次我們在index.html中的<img>標簽中，輸入樣式代碼：style="margin: 10px 15px 20px 30px;"。

最后我們利用瀏覽器運行index.html頁面，這個時候圖片被成功移動了位置。

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