编程 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 相关文章推荐

HTML5如何适配 iPhone IOS 底部黑条

Mar 09 HTML / CSS

CSS3教程:新增加的结构伪类

Apr 02 HTML / CSS

css3 transform及原生js实现鼠标拖动3D立方体旋转

Jun 20 HTML / CSS

纯CSS3制作的鼠标悬停时边框旋转

Jan 03 HTML / CSS

详解如何使用CSS3中的结构伪类选择器和伪元素选择器

Jan 06 HTML / CSS

详解使用canvas保存网页为pdf文件支持跨域

Nov 23 HTML / CSS

html5 分层屏幕适配的方法

Mar 16 HTML / CSS

html5中监听canvas内部元素点击事件的三种方法

Apr 28 HTML / CSS

HTML5 Canvas绘制五星红旗

May 04 HTML / CSS

详解html5 canvas常用api总结(二)--绘图API

Dec 14 HTML / CSS

CSS实现多个元素在盒子内两端对齐效果

Mar 30 HTML / CSS

为什么你写的height:100%不起作用

May 10 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

114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法

2012/01/12 PHP

对于PHP 5.4 你必须要知道的

2013/08/07 PHP

Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法

2016/03/29 PHP

javascript入门基础之私有变量

2010/02/23 Javascript

createElement与createDocumentFragment的点点区别小结

2011/12/19 Javascript

基于jquery实现一张图片点击鼠标放大再点缩小

2013/09/29 Javascript

js数组转json并在后台对其解析具体实现

2013/11/20 Javascript

JS、CSS加载中的小问题探讨

2013/11/26 Javascript

关于js中for in的缺陷浅析

2013/12/02 Javascript

js获取判断上传文件后缀名的示例代码

2014/02/19 Javascript

jquery实现页面虚拟键盘特效

2015/08/08 Javascript

Bootstrap3 多个模态对话框无法显示的解决方案

2017/02/23 Javascript

Vue.js仿Metronic高级表格（一）静态设计

2017/04/17 Javascript

详解基于vue-router的动态权限控制实现方案

2017/09/28 Javascript

使用vue自定义指令开发表单验证插件validate.js

2019/05/23 Javascript

webpack proxy 使用(代理的使用)

2020/01/10 Javascript

微信浏览器左上角返回按钮监听的实现

2020/03/04 Javascript

深入理解Python 代码优化详解

2014/10/27 Python

python中实现php的var_dump函数功能

2015/01/21 Python

从Python的源码浅要剖析Python的内存管理

2015/04/16 Python

用python处理图片之打开\显示\保存图像的方法

2018/05/04 Python

Python面向对象之类和对象实例详解

2018/12/10 Python

python实现五子棋游戏

2019/06/18 Python

Django框架orM与自定义SQL语句混合事务控制操作

2019/06/27 Python

利用python画出AUC曲线的实例

2020/02/28 Python

Python如何安装第三方模块

2020/05/28 Python

python如何调用百度识图api

2020/09/29 Python

CSS3标注引用的出处和来源的方法

2020/02/25 HTML / CSS

极简的HTML5模版

2015/07/09 HTML / CSS

AE美国鹰日本官方网站： American Eagle Outfitters

2016/12/10 全球购物

高级Java程序员面试题

2016/06/23 面试题

第一批党的群众路线教育实践活动工作总结

2014/03/03 职场文书

学雷锋倡议书

2015/01/19 职场文书

大学生学年个人总结

2015/02/15 职场文书

Golang标准库syscall详解（什么是系统调用）

2021/05/25 Golang

springboot中rabbitmq实现消息可靠性机制详解

2021/09/25 Java/Android