博客园自定义背景图片

摘要:
无重复;固定的center0;掩蔽a=1582542727623);//www.cnblogs.com/yitou13/p/10746771.html)<metahttp equiv=“X-UA-Compatible”content=“IE=边缘”>初始比例=1“>

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

效果图:

博客园自定义背景图片第1张

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

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

免责声明:内容来源于网络,仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇数据管理(六)员工管理系统(完整版)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

LoadRunner系列之—-01 接口压力测试脚本

 LoadRunner中一般用如下函数进行接口测试: <一>. http或soap协议下的get请求接口,样例如下: web_url("integrated_query.jsp", "URL=http://{UrlAddress}/pcis/policy/query/integrated_query.jsp?CASOPDPT=00&...

Java并发容器--ConcurrentLinkedQueue

概述   ConcurrentLinkedQueue是一种基于链表实现的无界非阻塞线程安全队列,遵循先入先出规则。   线程安全队列有两种实现方式:     阻塞方式:对入队和出队操作加锁。阻塞队列。     非阻塞方式:通过自旋CAS实现。例如:ConcurrentLinkedQueue   下面从源代码中分析ConcurrentLinkedQueue的...

Oracle11g客户端client的下载与安装

下载地址:https://www.oracle.com/database/technologies/112010-win64soft.html 1.下载完之后解压 2.点击setup.exe进行安装 3.如果报错显示“不满足最低配置”解决办法:按照下面的图片依次进入文件夹,最后.xml的文件以记事本的方式打开,修改其中的内容(如下) <?xm...

SQL Server 自定义字符串分割函数

一、按指定符号分割字符串,返回分割后的元素个数,方法很简单,就是看字符串中存在多少个分隔符号,然后再加一,就是要求的结果(标量值函数)   1 create function Func_StrArrayLength 2 ( 3 @str varchar(1024), --要分割的字符串 4 @split varchar(...

location.href使用方法总结

javascript中的location.href有非常多种使用方法,主要例如以下。 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/url” 当前页面打开URL页面,前面三个使用方法同样。 this.locati...

SpringBoot:Sqlite3+SpringBoot2.1.3+Mybatis-Puls整合项目

应公司要求完成sqlite3数据库的增改查小功能,特此记录一下。 1.建造项目 结构如下 因为是提供给前端调用所以做了接口。 2.Pom依赖文件 下面是这个项目所依赖的jar包。 <parent> <groupId>org.springframework.boot</groupId>...