CSS入门笔记八:背景设置

1.背景图片设置:background-image

2.背景颜色: background-color

3.背景平铺: background-repeat

注意:背景平铺有4种方式,分别为:

复制平铺(repeat):即把整个背景都平铺完
沿x轴平铺(repeat-x)
沿Y轴平铺(repeat-y)
不平铺(on-repeat):背景有大就显示多大

4 背景位置:background-postion: x y;x,y可以是像素值也可以是方位名词

注意:
a.x,y若是方位名词,则无顺序区分,即right center和center right一样。
b.若只有一个方位名称,则另一个值是默认居中对齐。
c.若是x,y是精确值,则第一个值一定是x,第二个值一定是y.
d.x,y还可以采用混合值,即精确值和方位名词一起,此时第一个值一定是x,第二个值一定是y.

5.背景固定:background-attachment;用于制作滚动背景。属性值有两个,分别为scroll(背景图片相对内容是滚动的),fixed(背景图片固定)。

背景的复合写法

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

6.背景透明设置:background: rgbs(x,y,z,w)。x,y,z为三原色的值,w为透明度,值为0~1,当w为小数时可以省略0.

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值