zoukankan      html  css  js  c++  java
  • 博客园自定义背景图片

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

    效果图:

    代码如下(代码来源: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  有不足之处还望告知我及时更正

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

  • 相关阅读:
    POJ1239
    HDU 2829 四边形不等式优化
    返回数字二进制的最高位位数o(n)
    矩阵快速幂 模板
    HDU4718 The LCIS on the Tree(LCT)
    HDU4010 Query on The Trees(LCT)
    HDU3487 Play With Chains(Splay)
    CF444C DZY Loves Colors
    HDU4836 The Query on the Tree(树状数组&&LCA)
    HDU4831&&4832&&4834
  • 原文地址:https://www.cnblogs.com/2979100039-qq-con/p/12358370.html
Copyright © 2011-2022 走看看