看到別人的博客背景本身也想弄一個,搜了不少方法,可是都只是把一堆代碼貼着,徹底沒有告訴我設置背景圖片的代碼究竟是什麼,本身研究了一下,如今把它分享給跟我同樣有好奇心的朋友。css
步驟一共2步:服務器
首先把本身想要作背景的圖片上傳到博客園,步驟以下:url
首先進入到本身的博客,而後點擊管理,以下code
點擊相冊blog
建立一個相冊(若是本身有能夠不用建立,這裏看本身)再把圖片上傳上去圖片
到止,圖片就成功上傳到博客園的服務器了。ci
要想設置背景圖片,思考一下,是否是隻須要把背景換成咱們的圖片地址就好了,設置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; }
到此博客的背景圖片就設置完成了
若是有幫助到你,動動手指點個推薦,謝謝。