如何用CSS样式控制文字浮于图片上方

html-css040

如何用CSS样式控制文字浮于图片上方,第1张

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

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

3、接着可以通过url()来连接图片，url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景，一定要注意，路径要写对。

5、这样，保存之后文字就会覆盖在图片的上面了。

解决办法：

1、调整背景图片，把背景图片改大或者改小。

2、改CSS。可以调整文字的大小、文字间距、行高等使之与背景图片匹配。

注意：以上方法无论哪一种，都需要注意整个容器div的大小。随时调整。确保能装下内容。

可以试着把图片的div中的width改一下，如果不行的话直接把文字居中不就好了，看起来就会美观了。另外建议你，以后别用像素写大小了，在不同的电脑上可能看到的就不一样了，最好用30%这样的，带%得写，这样不管在哪里看到的都一样了。