如何编写CSS将文字显示在图片下方

html-css017

如何编写CSS将文字显示在图片下方,第1张

1、比如我在div里面书写了一些文字,然后想要在放入一张图片,这时候小伙伴可能会直接想到img标签,其实这个想法是错误的。

2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

3、然后通过background给div添加一张图片作为它的背景。

4、通过url()来连接图片,url里面放置的就是背景图片的路径。

5、我就随意的放了一张图片用作背景,注意,路径要写对哦。

css圆形按键下方有字可以带提示信息div。步骤如下:

1、新建html文档。

2、书写hmtl代码。

3、书写css公用样式表代码。

4、书写css代码。代码整体结构。

6、查看效果。