编程 HTML / CSS

css3实现背景图片拉伸效果像桌面壁纸一样

Posted in HTML / CSS onAugust 19, 2013

使用css3 属性：background-size
background-size：cover 即可实现像桌面壁纸一样拉伸

以下是w3c上面的解释：

语法

复制代码

代码如下:

background-size: length|percentage|cover|contain;

css3实现背景图片拉伸效果像桌面壁纸一样

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

CSS3 clip-path 用法介绍详解

Mar 01 HTML / CSS

利用CSS3的checked伪类实现OL的隐藏显示的方法

Dec 18 HTML / CSS

css3 2D图片转动样式可以扩充到Js当中

Apr 29 HTML / CSS

css3 自定义字体font-face使用介绍

May 14 HTML / CSS

纯css3制作网站后台管理面板

Dec 30 HTML / CSS

CSS3 新增选择器的实例

Nov 13 HTML / CSS

纯CSS3实现圆圈动态发光特效动画的示例代码

Mar 08 HTML / CSS

HTML5视频支持检测(检查浏览器是否支持视频播放)

Jun 08 HTML / CSS

HTML中使用SVG与SVG预定义形状元素介绍

Jun 28 HTML / CSS

JavaScript+Canvas实现自定义画板的示例代码

May 13 HTML / CSS

关于CSS浮动与取消浮动的问题

Jun 28 HTML / CSS

CSS Transition通过改变Height实现展开收起元素

Aug 07 HTML / CSS

发现两个有趣的CSS3动画效果

Aug 14 #HTML / CSS

纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)

Aug 11 #HTML / CSS

CSS3正方体旋转示例代码

Aug 08 #HTML / CSS

CSS3 透明色 RGBA使用介绍

Aug 06 #HTML / CSS

实现CSS3中的border-radius(边框圆角)示例代码

Jul 19 #HTML / CSS

CSS3 实用技巧：实现黑白图像效果示例代码

Jul 11 #HTML / CSS

CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)

Jun 06 #HTML / CSS

You might like

php计算给定时间之前的函数用法实例

2015/04/03 PHP

php字符串比较函数用法小结(strcmp,strcasecmp,strnatcmp及strnatcasecmp)

2016/07/18 PHP

laravel实现查询最后执行的一条sql语句的方法

2019/10/09 PHP

PHP+MySQL实现在线测试答题实例

2020/01/02 PHP

一些常用的JS功能函数(2009-06-04更新)

2009/06/04 Javascript

js实现的跟随鼠标移动的时钟效果(中英文日期显示)

2011/01/17 Javascript

js禁止document element对象选中文本实现代码

2013/03/21 Javascript

Jquery选中或取消radio示例

2013/09/29 Javascript

下拉列表select 由左边框移动到右边示例

2013/12/04 Javascript

Javascript操作表单实例讲解（下）

2016/06/20 Javascript

基于JavaScript实现单选框下拉菜单添加文件效果

2016/06/26 Javascript

jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】

2017/04/28 jQuery

Vue.js常用指令的使用小结

2017/06/23 Javascript

详解angularjs的数组传参方式的简单实现

2017/07/28 Javascript

Vue2.0 http请求以及loading展示实例

2018/03/06 Javascript

vue.js编译时给生成的文件增加版本号

2018/09/17 Javascript

构建大型 Vue.js 项目的10条建议(小结)

2019/11/14 Javascript

vuex入门最详细整理

2020/03/04 Javascript

jQuery 图片查看器插件 Viewer.js用法简单示例

2020/04/04 jQuery

[15:09]DOTA2国际邀请赛采访专栏：Loda

2013/08/06 DOTA

[00:32]2018DOTA2亚洲邀请赛出场——LGD

2018/04/04 DOTA

Python中for循环和while循环的基本使用方法

2015/08/21 Python

浅谈Python类的__getitem__和__setitem__特殊方法

2016/12/25 Python

Python时间获取及转换知识汇总

2017/01/11 Python

Python编程使用*解包和itertools.product()求笛卡尔积的方法

2017/12/18 Python

使用python获取csv文本的某行或某列数据的实例

2018/04/03 Python

Python实现的拟合二元一次函数功能示例【基于scipy模块】

2018/05/15 Python

基于Python实现人脸自动戴口罩系统

2020/02/06 Python

python实现拼接图片

2020/03/23 Python

世界闻名的衬衫制造商：Savile Row Company

2018/07/30 全球购物

小学生检讨书大全

2014/02/06 职场文书

聘用意向书范本

2014/04/01 职场文书

竞选学生会演讲稿

2014/04/25 职场文书

小学感恩节活动总结

2015/03/24 职场文书

学习习近平主席讲话心得体会

2016/01/20 职场文书

quickjs 封装 JavaScript 沙箱详情

2021/11/02 Javascript