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

7nbnzgx9  于 2023-03-05  发布在  其他
关注(0)|答案(5)|浏览(147)

是否可以使用此代码:

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

使用css文档?
(我宁愿没有经历,并添加到每一页),有没有可能设置标题的网页使用css(我不会使用它,因为所有的网页有不同的标题,但只是一般信息)

sc4hvdpw

sc4hvdpw1#

您不能使用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属性type="image/x-icon",如果加载正常,你可以忽略type属性。

fcy6dtqo

fcy6dtqo2#

你不能用CSS来做只能通过插入

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

正如你上面所描述的... CSS是用来格式化一些文本/图像等在页面中,并没有什么格式的图标让我猜猜,如果你是在许多页面上工作,你可能有一个博客或脚本来生成页面,只是添加这行文本在它...你总是可以改变图标的每一页一次只是改变图标本身...:)

83qze16e

83qze16e3#

你不能从CSS中设置一个favicon--如果你想显式地做这件事,你必须像你描述的那样在标记中做。
然而,大多数浏览器会在网站的根目录下查找favicon.ico文件--所以如果你访问http://example.com,大多数浏览器会自动查找http://example.com/favicon.ico

iqxoj9l9

iqxoj9l94#

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

在href中,必须传递图像url。

pdtvr36n

pdtvr36n5#

下面是.ico和.gif图像的组合

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

相关问题