background

background-color 设置背景颜色

js语法:object object.style.backgroundColor=“#00FF00”

background-position 设置背景图像的起始位置

js语法: object object.style.backgroundPosition=“center”
属性:在这里插入图片描述

background-size 设置背景图片大小

js语法:object object.style.backgroundSize=“60px 80px”
语法:baskground-size:length/percentage/cover/contain
属性:
在这里插入图片描述

background-repeat 设置如何平铺对象的background-image属性

js语法:object.object.style.backgroundRepeat = “repeat-y”
属性值:在这里插入图片描述

background-origin 属性指定background-position属性应该是相对位置

【注意:设置background-attachment:fixed ,background-origin 没有任何效果】
js语法:object.object.style.backgroundOrigin = “content-box”
语法:background-origin:padding-box/border-box/content-box
属性值:在这里插入图片描述

background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动

js语法:object.object.style.backgroundAttachment=“fixed”
属性值:在这里插入图片描述

background-image 背景图片

js语法:object object.style.backgroundImage=“url(stars.gif)”
属性值:在这里插入图片描述

复合属性

【各个属性之间空格分隔,不分先后顺序
background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值