可以以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三。

把价格单独弄出来，以文字的方式显示然后给文字添加一个锚，在用CSS添加样式，ahovertextdecorationunderline。

题主是否想询问“html设置背景图片不覆盖文字怎么解决”通过标签添加图片通过背景图片的方式1通过标签来添加图片，但会占据文档流，另一种是通过background属性中的url引入使用这两种方式时需要注意，背景图片会占据。

2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字部分因为文字太长超出了他所用那的。

1前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作第一步，打开电脑中安装的SublimeText3，新建demo文件夹用来存放文件，在里面新建一个html文件，通过Tab快捷键迅速创建一个html模板，并。

ltp这里是文字说明ltp ltbody lthtml 在上面的示例代码中，使用了Flex布局display flex来将三张图片放在一行，并通过设置每个图片占据一行的三分之一宽度width 3333%来实现图片和文字的样式可以根据。