background复合属性样式及顺序

background复合属性顺序

使用顺序:

background 是背景缩写属性,可以在一个声明中设置所有的背景属性。

完整的写法:background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment;

background: #eee url(bg.png) center/cover no-repeat border-box content-box fixed; 

默认值:

background: transparent none repeat scroll 0% 0%;

默认值(释义)

background: 透明 / 无背景图片 / 平铺 / 背景图片随文本滚动(不理解的一定要自己动手试一下) / 位于元素左上角

background复合属性依次为:

background-color:指定背景颜色,默认为透明。
background-image:指定背景图像的URL。
background-repeat:指定背景图像的重复方式,可选的值有repeat(默认)、repeat-x、repeat-y和no-repeat。
background-attachment:指定背景图像的滚动方式,可选的值有scroll(默认)和fixed。
background-position:指定背景图像的位置,默认为左上角,
可选的值有left、center、right、top、bottom等。

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值