博客园添加背景图

时间:2021-04-17
本文章向大家介绍博客园添加背景图,主要包括博客园添加背景图使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

博客园自定义背景图

  我们自己的园子想要换背景图,可以通过博客园管理后台设置。

1.获取背景图地址

  首先我们应该在本地准备好自己要上传的背景图,然后到博客园后台相册添加本地的背景图,上传成功后,我们点击相册页面的管理操作进去,再点击页面中的图片,来到我们的图片页面,右键检查打开控制台查看图片src,比如我的:src=“https://images.cnblogs.com/cnblogs_com/xxxxx/xxxxx/xxx.jpg”,复制这个地址。

2.设置背景图

  来到博客园后台设置页面,在页面定制CSS代码框中输入:

/*background设置整个博客的背景图片,你可以在博客园后台相册里面上传图片 */
body {
    font-size:15px;
    padding:0;
    margin:0;
    font-family:"微软雅黑","宋体",Arial;
    background:#243B0D 
    url('http://images.cnblogs.com/cnblogs_com/xxxxx/xxxx/xxx.jpg') no-repeat top center fixed;
    min-width:1200px;
}

将代码中的url行换成步骤1中的src地址即可,其他属性看情况设定。

原文地址:https://www.cnblogs.com/wdtzms/p/14670914.html