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

把價(jià)格單獨(dú)弄出來，以文字的方式顯示然后給文字添加一個(gè)錨，在用CSS添加樣式，ahovertextdecorationunderline。

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

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

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

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