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

html-css013

鼠标经过文字的时候显示隐藏图片的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.最后,看看改变颜色的效果。

<img src="images/screenshots/admin-flyouts.png" width="260" height="150" style="display:none" />

在img标签中的样式里这是style="display:none"

使用display:none隐藏的元素不会被搜索引擎网站检索

1、使用display:none来隐藏所有信息(无空白位占据)推荐,CSSdisplay手册查看

2、使用overflow:hidden来隐藏溢出的文字或图片适用推荐,CSSoverflow手册查看

3、使用overflow-y:hidden和overflow-x:hidden控制滚动条的隐藏与否,CSSoverflow-y手册查看,CSS手册查看overflow-x