CSS 的背景

目录

3.1  背景颜色

3.2 背景图片

3.3 背景平铺

3.4 背景图片位置

 3.5 背景图像固定(背景附着)

3.6 背景复合写法

3.7 背景色半透明

3.8 背景总结

​编辑


通过 CSS 背景属性,可以

背景属性可以背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。

3.1  背景颜色

background-color 属性定义了元素

background-color:颜色值;

一般情况下元默认 transparent),色。

background-color:transparent;

3.2 背景图片

background-image 属性描述了元素见于 logo 者是超大的背景图片, 优点是非常便. (精灵图也是一种)

background-image : none | url (url)

注意:背景图址,记加 URL, 同时里面的路径 

3.3 背景平铺

如果需要 HTML 页面使用 background-repeat 属性

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

 

3.4 背景图片位置

background-position 属性可以置。

background-position: x  y;

参数代表的意:x 坐标和 y 坐标。 可以使用 方位名词 或者 精确单位

 3.5 背景图像固定(背景附着)

background-attachment

background-attachment 后期可以制作

background-attachment : scroll | fixed

3.6 背景复合写法

为了简化背景,我 background 中。从而节约.

当使用简写属特定,:  background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;

background: transparent url(image.jpg) repeat-y	fixed	top ;

 这是实际开发提倡

3.7 背景色半透明

CSS3 为我们提供了背

background: rgba(0, 0, 0, 0.3);

最后一个参数 alpha 透明度,取值 0~1之间

我们习惯把 0.3 0 省略掉,写为 background: rgba(0, 0, 0, .3);
注意:背景半透明
CSS3 新增属性,是 IE9+ 版本浏览器才支
但是现在实际开发, 了, 使

3.8 背景总结

背景图片:实际见于 logo 或者一些装饰性, 优点是非常便于(精灵图也是一种) 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

努力学习前端的小陈

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

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

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

打赏作者

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

抵扣说明:

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

余额充值