css 漂浮,这个布局如何实现?

html-css07

css 漂浮,这个布局如何实现?,第1张

可以尝试搜索关键字“css文字环绕图片”,这个效果和你说的效果是一致的。

大致的代码如下:

<div>

<div id="menu" style="float:leftwidth:100pxheight:400pxbackground:blue"></div>

<!--右侧部分-->

<div>你的产品</div>

</div>

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

<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属性设置为背景。