码迷,mamicode.com
首页 > 其他好文 > 详细

background

时间:2016-11-13 19:18:32      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:chm   宽度   border   tag   指定   img   最大   images   开始   

总结前的碎碎念。

写了不少页面,背景这个属性虽然是普通不能再普通的了,但是用的好,简直是神助攻。

基本属性:

background:red url(../img/images.png) no-repeat fixed top;

颜色:red;

url: url(../img/images.png)

background-repeat:no-repeat;

background-attachment:fixed(scroll\inherit) 背景是否随着页面的其余部分可以滚动 IE8一下不支持inherit;

background-origin:padding-box(border-box content-box) 如果设置了fixed则该属性无效;

该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了

background-clip:padding-box(border-box content-box) 

该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。

background-size :

 \auto 保持背景的原始高度和宽度

\number 

\percentage

\cover 图片放大 最小化铺满容器

\contain 图片缩小 最大化完全显示

 

background

标签:chm   宽度   border   tag   指定   img   最大   images   开始   

原文地址:http://www.cnblogs.com/fnncat/p/6059209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!