首页 > Web开发 > 详细

第4章 css3背景

时间:2017-08-30 13:48:32      阅读:237      评论:0      收藏:0      [点我收藏+]

background-position 属性

有三种表示方法:

1. x% y%  
  第一个值是水平位置,第二个值是垂直位置。如果您仅规定了一个值,另一个值将是 50%。
2. xpos ypos  
  第一个值是水平位置,第二个值是垂直位置。
3. 方位词

总是以元素左上角为坐标原点对背景图片进行定位(padding-box,padding的边缘)

background-origin 属性

background-attachment设置为fixed,background-origin将不起任何作用

background-size属性

若取值百分数,则是按相对于元素的宽度来进行计算,如

div{
    width:320px;
    height:270px;
    background:url() no-repeat;
    background-size:50% 80%;
}

背景图片的尺寸宽度为(320 * 50)%px,高度为(270 * 80%)px

第4章 css3背景

原文:http://www.cnblogs.com/wjw1997/p/7452585.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!