前端学习笔记

HTML CSSS Javascript

12.background系列属性
  1. background-color
    .box1{
      background-color: green;
     }
    .box2{
      background-color: rgb(0,255,0);
     }
    .box3{
      background-color: #00ff00;//16进制表示法,aabbcc形式的可简写为abc
    }
  2. background-image:url()
    //图片会重复来铺满背景,如果图片过大,会部分展示图片
    url(../images/jj.jpg)
    url(http://jier.com)
  3. background-repeat:设置背景图是否重复即重复方式
    .box{
     background-image:url(../images/jj.jpg);
     background-repeat:no-repeat;//repeat-x,repeat-y
    }
    
  4. background-position
    .box{
     background-image:url(../images/jj.jpg);
     background-repeat:no-repeat;
     background-position:10px 10px;//向右偏移量,向下偏移量。值可以为负数表示左移上移,即浏览器遮住,还可用right,center,top,bottom,left等
     background-position:center top;//左右居中,上面置顶
    }
  5. background-attachment//背景是否固定
    background-attachment:fixed;//页面滚动,背景图片不动
  6. background综合属性

    background:red url(../img/jj.jpg) no-repeat 10px 10px fixed;
    //顺序不固定,某些可以不写,但两个数值必须连写
    
阅读更多
想对作者说点什么? 我来说一句

altium封装库大全原理图库

2013年08月20日 72KB 下载

没有更多推荐了,返回首页

不良信息举报

12.background系列属性

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭