本篇文章给大家带来的内容是关于html实现像百度的首页效果一样的背景图(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

之前在百度知道我提问过这一个问题,后来解决了。不过好多人来问我时怎么解决的,源码。

其实很简单。这里我贴一下代码。有需要的小伙伴不用再加我qq了,直接来这里取吧。

里面的图片是我随便找的。

html,

body {

height: 100%;

}

body {

margin: 0;

background-repeat: no-repeat;

background-size: cover;

background-position: center;

background-attachment: fixed;

background-image: url(http://pic1.win4000.com/wallpaper/b/589d687069ed9.jpg);

}

h1{

height: 100%;

width: 100%;

margin: 0;

padding: 0;

color:#fff;

background-color: rgba(0,0,0,0.5);

display: -webkit-flex;

display: -moz-flex;

display: -ms-flex;

display: -o-flex;

display: flex;

justify-content: center;

align-items: center;

}

按住Ctrl+滚动滚轮:可以看到文字缩放,背景不动

html怎么做成多彩背景随心换,html实现像百度的首页效果一样的背景图(代码)...相关推荐

  1. html制作百度首页的图片不显示,html实现像百度的首页效果一样的背景图(代码)...

    本篇文章给大家带来的内容是关于html实现像百度的首页效果一样的背景图(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 之前在百度知道我提问过这一个问题,后来解决了.不过好多人 ...

  2. html怎么做成多彩背景随心换,HTML简单边框制作--为你的帖子添加漂亮的背景

    颜色代码也可自己进行尝试更换. div代码内换行在代码视图中需要的位置打 . 1.代码: 日志内容 桃夭 桃之夭夭,灼灼其华. 之子于归,宜其室家. 桃之夭夭,有蕡其实. 之子于归,宜其家室. 桃之夭 ...

  3. ANDROID手表怎么设置壁纸,表盘背景随心换 果壳智能手表换壁纸教程

    在智能手机和电脑上,我们一般都会换一张自己喜欢的图片作为壁纸,当我们想把一张喜欢的图片做成果壳GEAK Watch表盘时,应该怎么做呢?其实只要简单的几个步骤,你就能获得独一无二的专属表盘. 首先,打 ...

  4. FL Studio 21中文版支持主题随心换,FL Studio 21Mac版新增对苹果M2/1家族芯片原生支持。

    FL Studio 21.0.0 官方中文版重磅发布 纯正简体中文支持,更快捷的音频剪辑及素材管理器,多样主题随心换! Mac版新增对苹果M2/1家族芯片原生支持. 更新版本:21.0.0 支持语言: ...

  5. 计算机等级图片背景蓝色怎么调,证件照背景颜色怎么换?白色蓝色背景都能换的方法...

    证件照背景颜色怎么换?有的人会选择使用某图秀秀,或者利用excel表格来操作,其实还有一种方法可以快速更换证件照背景颜色,比如使用智能证件照相机.这个工具除了可以更换证件照背景颜色以外,还能美颜.美白 ...

  6. 鸿蒙系统桌面壁纸,好桌道壁纸横空出世 万千壁纸随心换

    从好桌道美化软件了解到,为进一步打造最令用户喜欢.最人性化.最丰富的桌面壁纸软件,继好桌道美化软件之后经过客户端成员的不懈努力,好桌道壁纸已成功上线,今日,让我们一起来揭开那神秘的面纱-好桌道壁纸. ...

  7. [AHK]Bing Desktop Wallpaper Changer(必应壁纸随心换)

    先来个[简版的bing壁纸] Winhttp := ComObjCreate("WinHttp.WinHttpRequest.5.1") Winhttp.Open("GE ...

  8. 高清电脑壁纸桌面图片|到高图随心换高清图

    每天和电脑手机打交道的现代人,壁纸作为手机\电脑的第一印象,想一张好看的壁纸可以让你的心情变得十分愉悦,亦或是此刻的壁纸图片代表了此刻的心情!好看的壁纸随处都有,但未必时自己想要的哪一款,这个时候到高 ...

  9. 情景闹钟-情景随心换-手机情景模式闹钟1.0发布

    情景闹钟情景闹钟主要功能是手机情景模式自动更换.系统提供四种处理方式:天.周.24小时.不重复,可以设定任何一种重复方式,当到达指定的时间后,情景模式会自动更新为指定的模式. 文件下载 http:// ...

最新文章

  1. c语言神州行用户,神州行焕新出发 你行我行神州行折射品牌自信心
  2. HDU1531(差分约束+Bellman_ford)
  3. CentOS 7.0服务器安装配置LAMP服务器
  4. JAVA实现创建Excel表并导出(转发)
  5. 热启动必须联网吗_供暖结束,地暖是关闭供水阀门还是关闭回水阀门?你做对了吗?...
  6. Linux ls常见的命令选项【转载】
  7. mysql 手动执行event_MYSQL 定时自动执行EVENT
  8. ortp流媒体协议 [1]
  9. OAuth2.0认证服务器之客户端相关配置
  10. 11 、图解2个node环境下replica shard是如何分配的
  11. python importlib
  12. 手机背景图片在安卓手机上不显示
  13. SAMBA服务和FTP/sshd 服务讲解
  14. wordpress option.php,简单了解WordPress开发中update_option()函数的用法
  15. pe系统安装win10系统
  16. mybatis plus(包米豆)json存储Mysql数据库
  17. Content Provider(二)之 FileProvider 实现应用文件共享
  18. 笔记:美团智能配送系统的运筹优化实战
  19. SpringBoot整合模板FreeMarker篇
  20. CASAIM全自动3d测量仪自动检测差速器差壳全尺寸测量装配检测

热门文章

  1. mysql workbench 1142,eclipse window 10 64位 jdk 1.8 亲测
  2. 查看docker 镜像加速器是否生效
  3. html中加号用什么表示什么意思,css中“~”(波浪号)、“,”(逗号)、 “ + ”(加号)和 “ ”(大于号)是什么意思?...
  4. Vivado生成网表文件
  5. java窗体背景渐变色_jsp背景渐变色怎么写
  6. cocos creator 3.x使用tween缓动接口和贝塞尔曲线实现简易抛物线
  7. linux 下反斜杠路径,Linux下反斜杠号\引发的思考
  8. 封装uni-app的网络请求
  9. 门磁传感器分类与工作原理
  10. 学习->C++篇十五:红黑树和map,set