給瀏覽器設置一個圖片背景/主題

更新啦

此方法適用於:谷歌瀏覽器(chrome),火狐瀏覽器(firefox),360極速瀏覽器,QQ瀏覽器
360安全瀏覽器請移步:給360安全瀏覽器添加一個圖片背景/主題

先上兩張效果圖:
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

實現步驟:
1.先在你的瀏覽器的插件商城裏面搜索安裝styluh插件(谷歌瀏覽器需要科學上網)
進入插件商城方法:
谷歌瀏覽器:菜單–>點擊更多工具–>點擊擴展程序
火狐瀏覽器:菜單–>附加組件
360極速瀏覽器:菜單–>工具–>管理擴展
QQ瀏覽器:菜單–>應用中心
後續步驟基本相同
在這裏插入圖片描述

在這裏插入圖片描述

如圖選擇第一個,安裝到你的瀏覽器

2.安裝完成後,如圖,點擊stylus的圖標再點擊管理已安裝的
在這裏插入圖片描述

然後我們就看到了這樣的一個畫面:
再點擊新建樣式
在這裏插入圖片描述

3.將以下代碼複製粘貼到那個文本框裏面,並給這個樣式命名,保存
body {
background-image: url(**********************.jpg);
background-attachment: fixed;
background-size: cover;
}
在這裏插入圖片描述

4.代碼中的url是你所用的圖片的網絡地址,怎麼設置自己的圖片呢?
我方法:在CSDN上寫一篇文章,將我要用的圖片放到這篇文章裏面,再將圖片的url(即網絡地址)複製過來就可以了。(之前用的知乎,但是知乎會把圖片壓縮,變得模糊,而CSDN不會。另外,上傳的照片儘量小一點,這樣每次打開新網頁的時候加載更快)
如圖:
在這裏插入圖片描述

粘貼到url的括號中。然後,你的瀏覽器就有背景了。
但是部分圖片如果不加以處理,可能嚴重影響閱讀,如圖:
在這裏插入圖片描述
因此需要簡單的處理一下
處理教程教程鏈接:使用powerpoint簡單的處理圖片(用作瀏覽器背景)
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章