码迷,mamicode.com
首页 > Web开发 > 详细

css背景常用属性整理

时间:2017-12-17 15:52:12      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:no-repeat   back   ack   区域   大于   repeat-x   fixed   red   position   

引入背景图片:

background: image url("路径")
设置背景尺寸:

background-size: auto自动大小,默认

background-size: cover保持图片大小,等比例缩放,平铺整个区域,如果尺寸大于容器则会超出

background-size: contain平铺整个区域,图片不会超出容器尺寸(非等比例缩放)

背景平铺方式:

background-repeat: no-repeat不铺满

background-repeat: repeat-x水平方向平铺

background-repeat: repeat-y垂直方向平铺

background-repeat: repea默认铺满

背景位置:

background-position: 20px 10px可以取负值(反方向)

背景定位:

background-attachment: fixed

背景渐变(可以进行多个颜色):

background-image:linear-gradient(to top,red,blue

 

css背景常用属性整理

标签:no-repeat   back   ack   区域   大于   repeat-x   fixed   red   position   

原文地址:http://www.cnblogs.com/laowu-180/p/8052084.html

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