html怎么做成多彩背景随心换,html实现像百度的首页效果一样的背景图(代码)...
本篇文章给大家带来的内容是关于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实现像百度的首页效果一样的背景图(代码)...相关推荐
- html制作百度首页的图片不显示,html实现像百度的首页效果一样的背景图(代码)...
本篇文章给大家带来的内容是关于html实现像百度的首页效果一样的背景图(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 之前在百度知道我提问过这一个问题,后来解决了.不过好多人 ...
- html怎么做成多彩背景随心换,HTML简单边框制作--为你的帖子添加漂亮的背景
颜色代码也可自己进行尝试更换. div代码内换行在代码视图中需要的位置打 . 1.代码: 日志内容 桃夭 桃之夭夭,灼灼其华. 之子于归,宜其室家. 桃之夭夭,有蕡其实. 之子于归,宜其家室. 桃之夭 ...
- ANDROID手表怎么设置壁纸,表盘背景随心换 果壳智能手表换壁纸教程
在智能手机和电脑上,我们一般都会换一张自己喜欢的图片作为壁纸,当我们想把一张喜欢的图片做成果壳GEAK Watch表盘时,应该怎么做呢?其实只要简单的几个步骤,你就能获得独一无二的专属表盘. 首先,打 ...
- FL Studio 21中文版支持主题随心换,FL Studio 21Mac版新增对苹果M2/1家族芯片原生支持。
FL Studio 21.0.0 官方中文版重磅发布 纯正简体中文支持,更快捷的音频剪辑及素材管理器,多样主题随心换! Mac版新增对苹果M2/1家族芯片原生支持. 更新版本:21.0.0 支持语言: ...
- 计算机等级图片背景蓝色怎么调,证件照背景颜色怎么换?白色蓝色背景都能换的方法...
证件照背景颜色怎么换?有的人会选择使用某图秀秀,或者利用excel表格来操作,其实还有一种方法可以快速更换证件照背景颜色,比如使用智能证件照相机.这个工具除了可以更换证件照背景颜色以外,还能美颜.美白 ...
- 鸿蒙系统桌面壁纸,好桌道壁纸横空出世 万千壁纸随心换
从好桌道美化软件了解到,为进一步打造最令用户喜欢.最人性化.最丰富的桌面壁纸软件,继好桌道美化软件之后经过客户端成员的不懈努力,好桌道壁纸已成功上线,今日,让我们一起来揭开那神秘的面纱-好桌道壁纸. ...
- [AHK]Bing Desktop Wallpaper Changer(必应壁纸随心换)
先来个[简版的bing壁纸] Winhttp := ComObjCreate("WinHttp.WinHttpRequest.5.1") Winhttp.Open("GE ...
- 高清电脑壁纸桌面图片|到高图随心换高清图
每天和电脑手机打交道的现代人,壁纸作为手机\电脑的第一印象,想一张好看的壁纸可以让你的心情变得十分愉悦,亦或是此刻的壁纸图片代表了此刻的心情!好看的壁纸随处都有,但未必时自己想要的哪一款,这个时候到高 ...
- 情景闹钟-情景随心换-手机情景模式闹钟1.0发布
情景闹钟情景闹钟主要功能是手机情景模式自动更换.系统提供四种处理方式:天.周.24小时.不重复,可以设定任何一种重复方式,当到达指定的时间后,情景模式会自动更新为指定的模式. 文件下载 http:// ...
最新文章
- c语言神州行用户,神州行焕新出发 你行我行神州行折射品牌自信心
- HDU1531(差分约束+Bellman_ford)
- CentOS 7.0服务器安装配置LAMP服务器
- JAVA实现创建Excel表并导出(转发)
- 热启动必须联网吗_供暖结束,地暖是关闭供水阀门还是关闭回水阀门?你做对了吗?...
- Linux ls常见的命令选项【转载】
- mysql 手动执行event_MYSQL 定时自动执行EVENT
- ortp流媒体协议 [1]
- OAuth2.0认证服务器之客户端相关配置
- 11 、图解2个node环境下replica shard是如何分配的
- python importlib
- 手机背景图片在安卓手机上不显示
- SAMBA服务和FTP/sshd 服务讲解
- wordpress option.php,简单了解WordPress开发中update_option()函数的用法
- pe系统安装win10系统
- mybatis plus(包米豆)json存储Mysql数据库
- Content Provider(二)之 FileProvider 实现应用文件共享
- 笔记:美团智能配送系统的运筹优化实战
- SpringBoot整合模板FreeMarker篇
- CASAIM全自动3d测量仪自动检测差速器差壳全尺寸测量装配检测
热门文章
- mysql workbench 1142,eclipse window 10 64位 jdk 1.8 亲测
- 查看docker 镜像加速器是否生效
- html中加号用什么表示什么意思,css中“~”(波浪号)、“,”(逗号)、 “ + ”(加号)和 “ ”(大于号)是什么意思?...
- Vivado生成网表文件
- java窗体背景渐变色_jsp背景渐变色怎么写
- cocos creator 3.x使用tween缓动接口和贝塞尔曲线实现简易抛物线
- linux 下反斜杠路径,Linux下反斜杠号\引发的思考
- 封装uni-app的网络请求
- 门磁传感器分类与工作原理
- 学习->C++篇十五:红黑树和map,set