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

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

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

以下是w3c上面的解释：

语法

复制代码

代码如下:

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

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

当你看到一个class的时候，你想得到什么信息？这个class用在什么地方，作用是什么？是否在其他地方也有使用该class，修改会不会引起其他地... [阅读全文]

今天在用百度页面做练习的时候突然发现，尽管设置了搜索框和button的margin值和padding值各为0，他们俩的边框还是不能重合（不想用position）... [阅读全文]

1、自定义文本选择::selection { background: red; color: black;}2、去掉video的controls中的下载按钮... [阅读全文]

问题的由来第一次关注这个标题编号的问题应该回溯到本科毕业论文的时候了，当时还单独涉猎过这个主题，word 有个很好的特性级联标题，一次设置好之后，后续只要设置标... [阅读全文]

实现思路最外面是一个大圆（渐变色）内部里面绘制两个半圆，将渐变的圆遮住(为了看起来明显，左右两侧颜色不一样,设置为灰蓝) 顺时针旋转右侧蓝... [阅读全文]

对于颜色相信大家都很敏感，眼睛所见之处都存在颜色，那在css中我们用什么来表示颜色呢？css 中的颜色有三种定义方式：使用颜色方法（rgb、rgba、hsl、h... [阅读全文]

话不多说，上效果图。核心代码就是 transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) all 1s; 通过 tr... [阅读全文]

通过css3实现炫酷的雷达扫描图：直接上代码：// <!doctype html><html><head>... [阅读全文]

css 实现图片鼠标悬停折叠效果1. 实现要点折叠是由多个块级元素来完成的; 图片是以背景图片的方式呈现出来的; 给每个块级元素设置同一张... [阅读全文]

用途弹性盒子对于前端web网页布局来说，有着举足轻重的作用，移动端也是如此。掌握了弹性盒子用法，对于目前编写自适应页面很重要。掌握这种布局规则，是一项必... [阅读全文]


验证码：

验证码：

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