css怎麼設定網頁標題列圖示
2021-03-01 13:01:39
css設定網頁標題列圖示的方法：首先建立一個HTML範例檔案；然後在head標籤中通過「<link rel="icon" href="picture.ico" type="image/x-icon"/>」方法設定網頁標題列圖示即可。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
css設定網頁標題列圖示的方法：
瀏覽器標題列顯示小圖示並不能通過css設定，而應該使用HTML標籤來完成。具體做法如下：
只要在html檔案中的<head></head>標籤中加上：
<link rel="icon" href="favicon.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 這個檔案，就會將該圖示顯示在存取者的位址列和收藏夾列表中。
以上就是css怎麼設定網頁標題列圖示的詳細內容，更多請關注TW511.COM其它相關文章！