可以以html為例，步驟一在body中建立文字信息以及圖片內(nèi)容，也就是在header中包含兩個同級，圖片和文字二在CSS中對文字圖片進行簡單樣式添加，效果如圖所示大盒子使用描邊顯示，里面包含了圖片和下面的文字三。

把價格單獨弄出來，以文字的方式顯示然后給文字添加一個錨，在用CSS添加樣式，ahovertextdecorationunderline。

題主是否想詢問“html設(shè)置背景圖片不覆蓋文字怎么解決”通過標(biāo)簽添加圖片通過背景圖片的方式1通過標(biāo)簽來添加圖片，但會占據(jù)文檔流，另一種是通過background屬性中的url引入使用這兩種方式時需要注意，背景圖片會占據(jù)。

2添加CSS樣式修飾，最外面的大框添加寬度居中3現(xiàn)在的圖文是這樣排版4想要將圖文左右排版，無非是定位或者浮動，對圖片塊和文字塊都添加了浮動效果后5如圖添加浮動后，文字部分因為文字太長超出了他所用那的。

1前端用到的編輯器有很多，本例通過選擇SublimeText3編輯器來實現(xiàn)文字居中圖片的制作第一步，打開電腦中安裝的SublimeText3，新建demo文件夾用來存放文件，在里面新建一個html文件，通過Tab快捷鍵迅速創(chuàng)建一個html模板，并。

ltp這里是文字說明ltp ltbody lthtml 在上面的示例代碼中，使用了Flex布局display flex來將三張圖片放在一行，并通過設(shè)置每個圖片占據(jù)一行的三分之一寬度width 3333%來實現(xiàn)圖片和文字的樣式可以根據(jù)。