更易操作的网页细节—background背景
2015-11-14 14:45
441 查看
多背景图片,你可以在一个标签元素里应用多个背景图片,代码类似于css2.0版本写法,但饮引用图片之间需用“,”逗号隔开。第一个图片是定位元素最上面的背景,后面的背景依次放在它下面显示,如下:
?
background-clip :规定背景的绘制区域(border-box背景被裁剪到边框盒,padding-box背景被裁剪到內边距框,conter-box背景被裁剪到内容框)
?
background-orgin规定背景图片的定位区域
此属性需要与background-pasition配合使用,你可以用background-position计算定位是从border、padding或content内容区域算起。
background-size 规定背景图片的尺寸
background-size:contain 让背景图片适应边框,以小的编剧为主进行填充,图片完整
?
background-size:cover 背景图片填充边框,以长的边距为准,多余的部分会被裁剪掉,图片可能不完整。
background-size:100px 100px 背景图片被缩放到这个大小
background-size:50% 100%背景图片按照这个比例缩放大小
?
background-clip :规定背景的绘制区域(border-box背景被裁剪到边框盒,padding-box背景被裁剪到內边距框,conter-box背景被裁剪到内容框)
?
background-orgin规定背景图片的定位区域
此属性需要与background-pasition配合使用,你可以用background-position计算定位是从border、padding或content内容区域算起。
background-size 规定背景图片的尺寸
background-size:contain 让背景图片适应边框,以小的编剧为主进行填充,图片完整
?
background-size:100px 100px 背景图片被缩放到这个大小
background-size:50% 100%背景图片按照这个比例缩放大小
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- 表格标签table深入了解
- WEB标准网页布局中尽量不要使用的HTML标签
- upload上传单张图片
- 图片引发的溢出危机(图)
- C#实现把彩色图片灰度化代码分享
- C#将图片和字节流互相转换并显示到页面上
- C#监控文件夹并自动给图片文件打水印的方法
- web标准知识――用途相似的标签
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- C#实现打开画图的同时载入图片、最大化显示画图窗体的方法
- 随鼠标移动的图片或文字特效代码
- CSS 图片横向排列实现代码
- C#实现将Email地址转成图片显示的方法
- 超级经典一套鼠标控制左右滚动图片带自动翻滚
- 原生js结合html5制作小飞龙的简易跳球