css中设置背景颜色、背景图片

对于在css中设置背景分为两种形式:

1. 设置纯色为背景。背景background可以设置为纯色的背景颜色。
2. 设置图片为背景。可以设置对象背景为图片,如果背景是图片,可以让图片重复平铺横铺,或将图片作为对象背景固定在对象任何位置。

设置背景样式:

1. background-color: 设置颜色作为对象背景颜色;
2. background-image: 设置图片作为背景图片;
3. background-repeat: 设置背景平铺重复的方向;
4. background-attachment: 设置或检索背景图像是随对象内容滚动还是固定的。
5. background-position: 设置或检索对象的背景图像位置。
6. background-size: 可以设置背景图片覆盖整个区域,值指定为cover,就可以实现了
7. background背景样式的值也可以是复合属性值组合,例如:

background: #212121 url("…/…/dist/images/auth.min.jpg") no-repeat 5px 20px fixed;
其中,涉及到的#212121:指的是设置的背景的颜色值;
url():指的是设置的背景图片的具体路径;
no-repeat:指的是设置的图片是否平铺,平铺的方式为不重复图片;
5px:指的是距左多少像素(距离);
20px: 距上面多少像素(距离);
fixed:背景图片是固定,该位置同样可以设置为scroll,背景图片随上下滚动条流动。

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

长大的小蚂蚁

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值