如何使用CSS设置页面的图标

时间:2013-07-05 04:53:12

标签: html css

是否可以使用此代码:

<link rel="icon" href="icon.gif" />

使用css文件?

(我宁愿不必经历并将其添加到每个页面) 是否可以使用css设置页面标题(我不会使用它,因为所有页面都有不同的标题,但只是一般信息)

5 个答案:

答案 0 :(得分:11)

您无法使用CSS设置图标....您需要使用link标记,其rel值为shortcut icon

为了设置它,您需要将以下字符串放在<head>标签之间..

<link rel="shortcut icon" href="favicon.ico" /> 
                                   -----^-----
             <!--Remember to have .ico as the extension else 
                 some browsers fail to load other extensions -->

如果IE无法加载您的图标,您还需要在type="image/x-icon"指定类型属性,如果加载正常,您可以忽略type属性。

答案 1 :(得分:2)

你无法使用CSS,只能通过插入

来完成
<link rel="icon" href="icon.gif" />

如上所述.. CSS用于格式化页面中的一些文本/图像等,并且没有任何格式化图标让我猜你是否正在处理许多页面,你可能有博客或脚本来生成页面只需添加这一行文本在里面.. 而且您只需更改图标本身即可立即更改每个页面的图标......:)

答案 2 :(得分:0)

您无法从CSS设置图标 - 如果您想明确地执行此操作,则必须按照您所描述的标记进行操作。

但是,大多数浏览器会在网站的根目录中查找favicon.ico文件 - 因此,如果您访问http://example.com,大多数浏览器都会自动查找http://example.com/favicon.ico

答案 3 :(得分:0)

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

在href中,您必须传递图片网址。

答案 4 :(得分:-4)

这是.ico和.gif图像组合的组合

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">