自定義博客園博客的背景圖片

看到別人的博客背景本身也想弄一個,搜了不少方法,可是都只是把一堆代碼貼着,徹底沒有告訴我設置背景圖片的代碼究竟是什麼,本身研究了一下,如今把它分享給跟我同樣有好奇心的朋友。css

步驟一共2步:服務器

1.上傳圖片到相冊

首先把本身想要作背景的圖片上傳到博客園,步驟以下:url

首先進入到本身的博客,而後點擊管理,以下code

點擊相冊blog

建立一個相冊(若是本身有能夠不用建立,這裏看本身)再把圖片上傳上去圖片

到止,圖片就成功上傳到博客園的服務器了。ci

2.本身編寫css代碼

要想設置背景圖片,思考一下,是否是隻須要把背景換成咱們的圖片地址就好了,設置background-image屬性就能夠了,如今拿到圖片的地址就能夠了,進入上面咱們建立的相冊。博客

點開相冊,打開咱們所須要的圖片,而後點擊查看原圖it

最後複製圖片地址便可
圖片上傳

頁面定製 CSS 代碼

body{
     background-image:url(https://images.cnblogs.com/cnblogs_com/ctf99525/1932586/o_210218052305202103.jpg);
     background-attachment:fixed;
}

如今博客的背景就是這張圖片了。

若是想要透明效果,能夠在#home加一個opacity屬性,opacity屬性指定了一個元素後面的背景的被覆蓋程度。規定不透明度從 0.0 (徹底透明)到 1.0(徹底不透明)。

#home{
     opacity:0.8;
}

到此博客的背景圖片就設置完成了

若是有幫助到你,動動手指點個推薦,謝謝。

相關文章
相關標籤/搜索