这里给大家实现一个很简单的背景图片实现方法:
效果图:
代码如下(代码来源: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 有不足之处还望告知我及时更正
(本文借鉴他人作品已表明出处 若有侵权请告知谢谢)