CSS背景

7 篇文章 2 订阅

CSS 背景

  • 背景颜色

transparent 透明色

  • 背景图片

非常便于控制位置(精灵图也是典型应用)
background-image:none|url;

  • 背景平铺

background-repeat :repeat|no-repeat|repeat-x|repeat-y
默认情况下背景图片是平铺的
页面元素既可以添加背景颜色也可以添加背景图片,图片会压住颜色
背景图片位置
background-position:x,y;
x,y,指的是坐标,也可以是方位名词和精确单位

  • 方位名词

前后顺序无关;只指定一个方位名词,另一个默认居中

  • 精确单位

到左侧,到上侧,顺序不能颠倒,写的谁就是谁,省略的不起作用
混合单位有顺序

  • 背景图像固定

background-attachment:scroll|fixed;

  • 背景复合性写法

background:颜色 地址 平铺 滚动 位置

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小吴不会敲代码吧

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

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

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

打赏作者

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

抵扣说明:

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

余额充值