CSS的属性

(1)背景颜色:background-color(元素背景元素默认transparent(透明))

(2)背景图片:background-image(便于控制位置比起插入图片,none | url(图片地址)

(3)背景平铺:background-repeat: repeat | no-repeat |repeat-x(延x轴平铺) |repeat-y

注:页面元素可以同时添加背景图片和背景颜色,背景图片会压住背景颜色

(4)背景图片位置:background-position: x y

x和y坐标可以使用方位名词或精确单位:

①length:百分数|由浮点数字和单位标识符组成的长度值

②position:top | center | bottom | left | right

③如果两个值是方位名词,两值前后顺序无所谓(只指定一个,另一个默认居中对齐)

④两个值是精确单位,第一个一定是x坐标,第二个是y坐标(只指定一个,一定是x坐标,则y坐标默认垂直居中)

⑤混合单位:

(5)背景图像固定:background-attachment: scroll(随内容滚动) | fixed(固定)

(6)简写属性:background: 颜色 图片地址 平铺 图像滚动 图片位置(无特定顺序)

(7)背景颜色半透明:background: rgba(0,0,0,0.3)(a:alpha透明度,取值在0~1,1不透明)

注:只使盒子背景半透明,盒子里面内容不受影响

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值