當前位置:編程學習大全網 - 網站源碼 - 怎樣用CSS給網站title加小圖標?

怎樣用CSS給網站title加小圖標?

只要在html文件中的<head></head>標簽中加上:

<link rel=&quot.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 這個文件,就會將該圖標顯示在訪問者的地址欄和收藏夾列表中。

  • 上一篇:工作流不能
  • 下一篇:網頁中上傳圖片 php代碼問題 高分!!
  • copyright 2024編程學習大全網