CSS背景

  • background
  • background-color
  • background-image: url(图片路径,不需要使用双引号)
  • background-repeat:背景是否平铺,可能的值有 repeat(默认)和 no-repeat(不平铺)和 repeat-x(水平方向平铺)和 repeat-y(垂直方向平铺)
  • background-position:后面跟两个参数,第一个表示x轴,第二个表示y轴,第一个可能取值有:center,left,right,第二个可能取值有:center,top,bottom
    1. position后面可以跟方位名词,他们之间没有顺序,只写一个时另一个默认是居中的
    2. position后面也可以跟具体数值(像素),但是必须有顺序,第一个数为水平方向的,第二个为垂直方向的
    3. position后面还可以是 具体数值和方位名词混合使用,需要严格遵循顺序
    4. 直接插入图片时很难控制图片的位置,可以改成使用背景图片
    5. 关于大背景图片:有可能出现背景图片像素很大但是显示器的分辨率小不足以完全显图片,可以设置background-position,一般为center和top
  • background-attachment:设置背景图片是否随内容滚动,可能的值有fixed,scroll(默认)
  • 背景样式连写
    • background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 (对于顺序 官方没有强制性要求但是建议颜色写在最前面)
  • 背景透明:background: rgba() —— red green blue alpha(alpha表示透明度,取值为0到1,0表示完全透明,1表示完全不透明)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值