怎么给网页标题设计并添加一个icon图标logo?

 时间:2026-02-14 11:29:02

1、打开PS,并新建一个16×16px,分辨率为72dpi的文档。

怎么给网页标题设计并添加一个icon图标logo?

2、然后给背景层填充一个红色。再使用左侧文字工具输入一个你想作为logo图标的文字,设置为白色,并调整大小到背景层的中间位置。

怎么给网页标题设计并添加一个icon图标logo?

3、然后依次点击【文件】-【导出】-【存储为Web所用格式】。

怎么给网页标题设计并添加一个icon图标logo?

4、在右上角设置为【JPEG】,质量为最佳,然后点击【存储】。就可以把做好的文件导出为图片了。(如果是背景透明的图标,要保存为png格式哦)

怎么给网页标题设计并添加一个icon图标logo?

1、现在我们开始给网页添加icon图标,打开DW并新建一个html页面。

怎么给网页标题设计并添加一个icon图标logo?

2、在head标签中输入【<link rel="icon" type="image/x-icon" href="#" />】,在井号位置按一下空格,选择【浏览】按钮。

怎么给网页标题设计并添加一个icon图标logo?

3、在本地找到你刚才设计保存的图标,并点击【打开】。

怎么给网页标题设计并添加一个icon图标logo?

4、这样图标地址就输入完成了,我们可以再把title名字修改成你的网站名称,如【百度经验】,保存后刷新网页可以看到我们网页的标题和图标都制作好啦

怎么给网页标题设计并添加一个icon图标logo?

  • css如何实现鼠标移至图片上显示遮罩层及文字
  • css如何设置表格只有底部线
  • 兔展免费Html5场景制作之视频太大怎么办
  • 如何使用CSS3对HTML元素进行移动、转动、缩放
  • CSS3如何设置DIV阴影
  • 热门搜索
    迪拜旅游签证 焦作旅游网 成都有哪些旅游景点 最近国内旅游报价 春节旅游推荐 关于推进海南国际旅游岛建设发展的若干意见 广西旅游团 五一旅游线路 广东哪里旅游好玩 大理旅游点