常用background属性介绍

  1. background-color: 'red'  背景颜色。可以接受颜色值、颜色名称或十六进制值
  2. background-image: url('@/static/img/bgimg.png')   背景图片
  3. background-size:
  4. background-repeat :背景图片的平铺方式。repeat:图片在水平垂直方向重复平铺,默认值。no-repeat:不重复仅平铺一次。repeat-x:图片只在水平方向平铺。repeat-y:图片仅在垂直方向平铺。
  5. background-position背景图片相对于背景区域的位置 ,可以使用关键字或具体的像素值来指定。具体关键字有:top,center,bottom,left,right。像素值的话注意有两个值,第一个是水平方向位置,第二个是垂直方向位置
  6. background-size:设置背景图像的尺寸。可以使用关键字或具体的像素值来指定。关键字有auto(默认值,保持原始原始图像的尺寸)、cover(保持原始宽高比,尽可能填充整个背景区域)、contain(保持原始宽高比,完全显示在背景中)
    div {background: #FF0000 url("image.jpg") no-repeat 10px 20px;
    }


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部