网页浮动图标的代码是什么，最好是css的

html-css076

网页浮动图标的代码是什么，最好是css的,第1张

如果是地址栏的图标，代码如下：

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

值

描述

left元素向左浮动。

right元素向右浮动。

none默认值。元素不浮动，并会显示在其在文本中出现的位置。

inherit规定应该从父元素继承 float 属性的值

设置对象右浮动的CSS代码如下：

#left {

text-align: right

width: 50%

padding-right: 10%

float: left

}

#right {

width: 50%

text-align: left

padding-left: 10%

}

#footer {

clear: both

}

扩展资料：

CSS 规则集（rule-set）由选择器和声明块组成：选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值，以冒号分隔。多条 CSS 声明用分号分隔，声明块用花括号括起来。