博客园自定义背景图片

这里给大家实现一个很简单的背景图片实现方法:

效果图:

代码如下(代码来源:https://www.cnblogs.com/zhibu/p/7158807.html):

body { 
     background-color: #efefef;
     background-image: url(https://images.cnblogs.com/cnblogs_com/2979100039-qq- 
     con/1650464/t_2002190550137.jpg?a=1582542727623);
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-position: center 0; 
     background-size: cover; 
  }

代码复制到css代码框里面就行了

如图可以看出:

background-image: url(https://images.cnblogs.com/cnblogs_com/2979100039-qq- 
     con/1650464/t_2002190550137.jpg?a=1582542727623);
就是设置背景图片

背景图片链接设置:
首先你先上传图片到自己的博客里,在博客设置里团片选项里上传图片,上传后点击图片右键复制图片地址然后粘贴到url里就OK了

再安利一下右下角的那一个小可爱(偷偷告诉你,右边这一个小可爱用鼠标点她的小手会有声音哦~)

代码来源(博客 :https://www.cnblogs.com/yitou13/p/10746771.html)

<html>
  <head>
    <meta charset="UTF-8" />
    <title>Live2d Test Env</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
  <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
  <script type="text/javascript">
    L2Dwidget.init();
  </script>
  </body>
</html>

把代码复制到除了css框里面其他地方都行

这个代码是引用了一个外部包 所以不要问我怎么改他的属性 啥透明度啥大小啥啥啥的,是试过了我不会改QAQ

要是有大佬会改的话教教我谢谢qaq  有不足之处还望告知我及时更正

(本文借鉴他人作品已表明出处 若有侵权请告知谢谢)

原文地址:https://www.cnblogs.com/2979100039-qq-con/p/12358370.html