1、首先是准备一个HTML文档,注意设置UTF-8的格式,如下图所示
2、接着在HTML中添加一个DIV,并给DIV设置宽高和背景图片,如下图所示
3、接下来我们运行页面就可以看到如下图所示的带背景图片的div了
4、然后我们在div中包裹文字就可以了,如下图所示
5、运行页面我们就可以看到图片上显示出文字了,如下图所示
6、接着我们还可以直接给文字添加样式,比如居中对其,文字颜色等,如下图所示
7、最后运行页面就可以看到文字的样式也变了,以上就是在图片上用CSS加文字的实现了
时间:2024-10-12 21:23:54
1、首先是准备一个HTML文档,注意设置UTF-8的格式,如下图所示
2、接着在HTML中添加一个DIV,并给DIV设置宽高和背景图片,如下图所示
3、接下来我们运行页面就可以看到如下图所示的带背景图片的div了
4、然后我们在div中包裹文字就可以了,如下图所示
5、运行页面我们就可以看到图片上显示出文字了,如下图所示
6、接着我们还可以直接给文字添加样式,比如居中对其,文字颜色等,如下图所示
7、最后运行页面就可以看到文字的样式也变了,以上就是在图片上用CSS加文字的实现了