前言

最近浏览个人博客，发现受简约风的影响，博客首页把一大堆信息给到浏览者已然趋少。
刚好很喜欢渐变风格的背景样式，此外，还有一个高清背景图的设置，一同分享给各位：

一、渐变背景

先上效果：

实现方式：

<head><meta charset="utf-8"><title></title><style type="text/css">html,body {margin: 0;padding: 0;height: 100%;}body{/* 主页渐变色背景 */background-image: linear-gradient(to top,#fad0c4 0%, #ffd1ff 100%);/* background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%); */}</style>
</head>

实现以上效果，要归功于这个网站啦

二、高清背景图

效果图就不贴啦~

有许多个人博客页面刷新，就会随机更换全尺寸的背景图，于是找到了这样的接口，可以直接在html中使用，极为方便。
特别感谢：夏沫博客

实现方式：

<head><meta charset="utf-8"><title></title><style type="text/css">body{/* 随机主页背景图 */background-color:#FFE4E1;background:url(https://cdn.seovx.com/4k/?mom=302)  no-repeat center center;background-size:cover;background-attachment:fixed; */}</style>
</head>

可以自己动动小手瞅瞅效果~

总结

总的来说，我的身份是搬运工和分享者，再次感谢上述网站及夏沫博客

【博客主页】你值得拥有的渐变色背景！相关推荐

学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS)
学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页 ...
学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS)...
学生HTML个人网页作业作品~ 个人博客主页空间5页面 ~学生网页设计作业源码(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页 ...
无忧开通了博客园博客主页
无忧开通了博客园博客主页,今后在这里安家了. 分享一点工作经验和学习心得,有事没事常来看看.另一个独立博客www.wuyouseo.com 转载于:https://www.cnblogs.com/wu ...
一步步在GitHub上创建博客主页-最新版
github page github-page是一个免费的静态网站托管平台,由github提供,它具有以下特点: 免空间费,免流量费具有项目主页和个人主页两种选择支持页面生成,可以使用jekyll ...
简历解析步骤（第二步）技术与实现（9）博客/主页地址
简历解析步骤(第二步)技术与实现(9)博客/主页地址继上篇文章理论: 简历解析,常见接收到的简历是图片或文档的方式,我们需要先将简历中的文字提取出来,然后再对文字进行算法分析以及AI训练,从而实现解 ...
【csdn改域名改id改名字】csdn改域名的地方+csdn改博客主页名字的地方
文章目录 1.原来的主页链接 2.改链接域名的地方 3.改域名只有开会员额 4.免费改博客的主页名 1.原来的主页链接 https://blog.csdn.net/qq_35456045 2.改链接域 ...
【方法】搭建自己的个人博客主页
2019/11/6 更新看到了很多精美的Jekyll主题,在这里作为一个收集吧,随时想换就可以换 Minima,效果 Alembic 还有Hexo主题 NexT, 效果 Icarus,效果看着那么 ...
bootstrap仿Ghost开源博客主页
都说实践是检验是否掌握的标准,由于bootstrap之前用的不多,但是最近又需要使用,借此机会模仿一个Ghost开源博客主页搭建bootstrap环境效果预览:Ghost开源博客主页先到官网下载 ...
个人博客搭建之一步步使用Github Page创建博客主页（1）
前几天突发奇想,准备完成我以前一直想做却因为各种原因推迟的工作:建立一个技术向的个人博客这个想法在我心里已经存在很多年了,这也是我在CSDN,在简书,在Testerhome里面写各种文章的原因之一. ...
如何解析自己的域名到博客主页
在写简历的时候想写上自己的博客,但是发现博客主页的域名太长太不容易记住了 CSDN有自定义域名的功能,是一个三级域名的形式感觉还不错,但是输入后发现需要会员才可以!!!Org- 然后发现博客6级也可 ...

【博客主页】你值得拥有的渐变色背景！

文章目录

前言

一、渐变背景

实现方式：

二、高清背景图

实现方式：

总结

【博客主页】你值得拥有的渐变色背景！相关推荐

最新文章

热门文章