CSS的背景(背景颜色,背景图片,背景平铺,背景图片位置,背景图片固定(图片附着),背景复合写法)

本文介绍了CSS中的背景属性,包括background-color用于设置背景颜色,background-image用于添加背景图片,background-repeat控制图片平铺方式,background-position调整图片位置,background-attachment设置图片是否随页面滚动,以及CSS3的背景复合写法和背景颜色半透明。这些属性帮助开发者实现丰富多样的背景效果。
摘要由CSDN通过智能技术生成

CSS的背景

通过 CSS 背景属性,可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等、

背景颜色

background-color 定义元素的背景颜色

<style>
    a {
    background-color: #55585a;
    }
</style>

元素背景颜色默认值是 transparent(透明)

背景图片

background-image 定义元素的背景图片

<style>
    div {
        width: 200px;
        height: 200px;
        background-image: url(1.jpg)
    }
</style>

实际开发常见于 logo 或者一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置. (精灵图也是一种运用场景)

注意:背景图片后面的地址,千万不要忘记加 URL, 同时里面的路径不要加引号

背景平铺

background-repeat : repeat | no-repeat | repeat-x | repeat-y

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

程序员shy

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值