自定义博客园博客的背景图片

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

到此博客的背景图片就设置完成了

若是有帮助到你,动动手指点个推荐,谢谢。

相关文章
相关标签/搜索