首页 > Web开发 > 详细

CSS 背景常用属性

时间:2020-07-17 19:41:59      阅读:36      评论:0      收藏:0      [点我收藏+]

CSS 背景常用属性


  1. background-color
    这个属性过于简单, 以下写法均可
    background-color:red;
    background-color:rgb(0,0,255);
    background-color:#ffffff;
    
  2. background-image
    绝对路径、相对路径均可
    background-image:url(...);
    
  3. background-repeat
    配合上一个属性使用,表示图片是否平铺。
    repeat-x X轴平铺
    background_repeat:no-repeat; /*不平铺*/
    background_repeat:repeat-y  /*Y轴平铺*/
    background_repeat:repeat-x  /*X轴平铺*/
    
  4. background-position
    也是配合background-image使用的,设置图片的起始点,默认是容器的左上角零点处。这个一般在logo处使用,为避免过多请求,多个小logo通常包含在一张图片上。零点向右为X轴的正方向,向下为Y轴正方向。当使用某处的logo,如果这个小logo在整个logo图片上包含着,且位置为20px 20px,为了使用这个logo,那么CSS代码就要这么写:
    background-position:-20px -20px;
    
    如果logo长宽为30px 30px ,那么把容器的长宽也也设置为30px 30px ,就刚好完美显示logo。
    此属性还有下面的写法:
    background-position:left bottom; /*靠左靠下*/
    background-position:50% 50%;	/*在容器中间显示*/
    
  5. background-attachment
    控制背景图片固定或者随页面滚动。默认值scroll,可以设置为fixed。这个属性挺好玩,哈哈
    技术分享图片
  6. background
    简写。可以把上面的属性值一个或多个写在这里面。方便快捷。

CSS 背景常用属性

原文:https://www.cnblogs.com/sq800/p/13332056.html

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