css实现图片悬浮

html-css06

css实现图片悬浮,第1张

图片不要跟文字同在一容器里就很好弄了

图片归图片,文字用个DIV或P包起来~~~左浮动

一定要不变动html结构的话,那就把外边的容器设成相对,然后左填充至少100px;

里面的图片设成绝对,距左设为零,距上默认为零也可以设置一下零。

CSS.2中才引入浮动,当时浮动的初衷,是实现类似word里的文字环绕图片的效果。

普通文档流,因为从上到下,从左到右,规定的太死了,每个元素都被限制了位置。所以才引入了浮动,形成丰富的页面效果。

定位的引入,更加增强了,页面布局的可能。

总的来说,页面布局的时候,有三种布局方式:普通文档流,浮动,定位。

希望对你有所帮助。希望能采纳。

如果是地址栏的图标,代码如下:

<link rel="shortcut icon" href="MyImg.ico" />

<link rel="Bookmark" href="favicon.ico" />

代码放置在<head></head>之间,图片放置在站点根目录。

如果是页面上的某个图标,这个也有多种方法。

一种是float的浮动,不脱离页面内容流。

一种是position,可以脱离页面内容流,独立设置位置。

如果是某些标题,列表前的小图标,则可以使用img添加,如:

<img src="..." /><a href="...">链接</a>

也可以用css的background属性集合padding属性设置为背景。