CSS基础知识点整理(二)

本文详细介绍了CSS中关于背景的五大属性:background-position、background-attachment、background-size、background-origin和background-clip,包括各个属性的值和作用,帮助理解如何控制背景图像的位置、大小、固定效果等。
摘要由CSDN通过智能技术生成

background属性

  •  background-color:指定要使用的背景颜色
  • background-position:指定背景图像的位置
  • background-size:指定背景图片的大小
  • background-repeat:指定如何重复背景图像
  • background-origin:指定背景图像的定位区域
  • background-clip:指定背景图像的绘画区域
  • background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动
  • background-image:指定要使用的一个或多个背景图像

 1.background-position属性

属性值介绍: 

  • left top

        left center

        left bottom

        right top

        right center

        right bottom

        center top

        center center

        center bottom

  • x% y%      x是水平位置,y是垂直位置   左上角是0% 0%,右上角是100% 100%
  • xpx ypx     
  • inherit 指定background-position属性设置应该从父元素继承

2. background-attachment属性

属性值介绍: 

  •  scroll:背景图片随着页面的滚动而滚动,这是默认的。
  • fixed:背景图片不会随着页面的滚动而滚动
  • local:背景图片会随着元素内容的滚动而滚动
  • ini
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值