怎样用CSS给网站title加小图标?

像这样,如何用css给网站的title左边加上小图标,跪求CSS高手,给出代码,谢谢!... 像这样,如何用css给网站的title左边加上小图标,跪求CSS高手,给出代码,谢谢! 展开
 我来答
加百列windy
高粉答主

2018-11-29 · 每个回答都超有意思的
知道小有建树答主
回答量:2074
采纳率:100%
帮助的人:96.2万
展开全部

只要在html文件中的<head></head>标签中加上:

<link rel=".icon" href="picture.ico" type="image/x-icon"/>  即可。注意:href=“”中的图标格式是.ico,路径不管相对路径还是绝对路径都可以。

实例演示如下:

1、先设置一个及其简陋的页面,代码如下:

此时页面展示如下,可见还未有小图标:

2、在第一步的展示代码上,通过<link rel="icon" href="picture.ico" type="image/x-icon"/> 添加图标(相对路径为例)。

此时的页面展示效果如下:

扩展资料:

如果希望开发者自己需要制作的一个ico格式的图片,要将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下。

这样的话浏览器会不停的搜索网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中。

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
通俗猫
2019-02-13 · TA获得超过601个赞
知道答主
回答量:116
采纳率:60%
帮助的人:16.1万
展开全部

方法一

制作一个favicon.ico图标,把它放到根目录下
在把<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>添加到head里面

方法二

  1. 首先,要有个ico格式的图片,比如jianguocun.ico(随便命名,不一定非得是favicon.ico)。这个文件好制作,把jpg或png后缀的图片文件直接手动重命名改为ico后缀文件即可,都是图片只是格式不一样而已。

  2. 在html文件中的<head>标签中添加<link>指向此ico图片,如

    <link rel="icon" href="../img/jianguocun.ico" type="image/x-icon"/>

    其中href指向图片jianguocun.ico的路径

    效果如下图:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
优网
2015-02-28 · 十五年企业网络策划运营
优网
采纳数:8615 获赞数:28384

向TA提问 私信TA
展开全部
这个不用css啊
直接做好图标文件 命名favicon.ico
放到网站根目录
自动读取的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ouyangqunli101
2015-02-28 · TA获得超过667个赞
知道小有建树答主
回答量:421
采纳率:100%
帮助的人:191万
展开全部
这个不是css能干的事,应该这样来
网上制作一个favicon.ico图标,把它放到根目录下
在把<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>添加到head里面
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
枫落于秋
2015-02-28 · TA获得超过911个赞
知道小有建树答主
回答量:274
采纳率:100%
帮助的人:139万
展开全部
先制作好icon,然后再在<head>里面插入<link rel="Shortcut Icon" href="icon地址" type="image/x-icon">
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式