博客園自定義背景圖片


這里給大家實現一個很簡單的背景圖片實現方法:

效果圖:

代碼如下(代碼來源: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  有不足之處還望告知我及時更正

(本文借鑒他人作品已表明出處 若有侵權請告知謝謝)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM