鼠标经过文字的时候显示隐藏图片的css样式~

html-css025

鼠标经过文字的时候显示隐藏图片的css样式~,第1张

1.打开dw软件并创建一个新文档。

2.在dw中，编写以下css样式：<style>.mengsb {width：648pxmargin：0px auto}.jixing1 a {position：relativewidth：320pxmargin：0 0px 0 0float：leftheight：232px}。

3.然后将以下图像添加到正文中，代码为：<body><div class =“mengsb”>。

4.查看实时视图中的最终效果。

5，另外，你可以改变一些参数来实现不同的效果，可以改变背景颜色。

6.最后，看看改变颜色的效果。

工具/材料：电脑。

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

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

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

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

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

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

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