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

html-css09

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

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

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

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

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

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

工具/材料:电脑。

css让文字显示在图片上的操作步骤如下:

1、首先在div里面书写文字,然后放入1张图片。

2、这时应该先给div设置宽度和高度,保证文字有1个范围。

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

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

5、然后放入1张图片用作背景,注意路径正确。

6、最后点击保存,文字就会覆盖在图片上,css让文字显示在图片上的问题就解决了。

css代码

.C{ float:leftwidth:100pxheight:100pxbackground-color:red}

.D{ width:100pxheight:120pxbackground-color:green}

html代码

<div class="C"></div>

<div class="D"></div>

这个好像局限性很大,只有前面一个元素浮动了,后面一个还在文档流里的会到它下面去,也不能用z-index让它上来,因为z-index好像是对定位元素才有效果,不过反正是一个在另一个上面了,(*^__^*) 嘻嘻……