css背景blackground

  • 1）背景图片
    **background-image: **url(1.jpg)
  1,div{

        background-image: url(1.jpg);
        height: 500px;
       }
      2,<div></div>
  • 2）设置背景平铺
    background-repeat: no-repeat;
    repeat 默认值，重复
    no-repeat 不平铺，一张图片
    repeat-x 横向平铺
    repeat-y 纵向平铺
  • 3）设置背景位置
    background-position: right bottom; 右下脚
    1，left|right|top|bottom|center
    2，还可以设置数字
    background-position:10px 30px;
    水平方向10px和垂直方向30px
    只写10px，垂直方向是水平居中
  • 4)设置背景是否固定
    background-attachment: fixed;
    scroll 默认值 滚动
    fixed 背景固定
  • 5）背景属性连写
    没有先后顺序，没有数量限制
 background:  red url("1.jpg") no-repeat 30px 40px;
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容