看到别人的博客背景本身也想弄一个,搜了不少方法,可是都只是把一堆代码贴着,彻底没有告诉我设置背景图片的代码究竟是什么,本身研究了一下,如今把它分享给跟我同样有好奇心的朋友。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; }
到此博客的背景图片就设置完成了
若是有帮助到你,动动手指点个推荐,谢谢。