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

css设置元素背景(待续)

时间:2017-04-24 10:05:26      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:比例   image   取值   ima   宽度   尺寸   缩放   分数   clip   

背景background 简写形式为

backgroud:background-color background-position background-size background-repeat background-origin background-clip background-attachment background-image

其中

background-color背景颜色

background-position 设置图像的位置 可取两个值,字符串的话,第一个表示垂直方向,值包括top.bottom.center。第二个表示水平方向,值包括left.right.center。数字单位或百分数的话,第一个表示水平方向,如10px即距离左边界10px,第二个表示垂直方向 ,如10%,距离上边界10%的高度距离,最上为0.最下为100%。

background-size背景尺寸,四个可取值。

  数字单位  数字单位 第一个为宽度,第二个为高度,如果只设置一个,另一个为auto.如20px 20px 

  百分数 百分数  同上

  contain 等比例缩放图像,

  

 

css设置元素背景(待续)

标签:比例   image   取值   ima   宽度   尺寸   缩放   分数   clip   

原文地址:http://www.cnblogs.com/cumting/p/6755009.html

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