千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > css3新增的背景属性有哪些

css3新增的背景属性有哪些

来源:千锋教育
发布人:zyh
时间: 2023-05-29 13:40:00 1685338800

  CSS3新增了多个背景属性,其中一些常用的背景属性如下:

css3新增的背景属性有哪些

  1. background-size:设置背景图片的尺寸大小,可以设置成具体数值如px或者是百分比等等。

  2. background-clip:指定背景图片区域,可选项包括border-box、padding-box和content-box。

  3. background-origin:指定背景图片的起始位置,可选项包括padding-box、border-box和content-box。

  4. background-attachment:设置背景图片的滚动方式,可选项包括scroll、fixed和local。

  5. background-image:设置元素的背景图片,可以设置多个背景图层,多个图层用逗号分开。

  6. background-repeat:设置背景图片是否重复,可选项包括repeat、no-repeat、repeat-x和repeat-y。

css3新增的背景属性有哪些

  7. background-position:设置背景图片的位置,可选的定位单位有:px、em、百分比等等。

  8. background-color:设置元素的背景颜色。

  9. background-attachment:控制背景图像是否固定或者随着页面的其余部分滚动。

  这些新增的背景属性可以更加丰富和灵活的制作元素的背景效果,并且可以使用CSS3的一些特性比如渐变、细胞垂直等等来创建更加独特的背景。在实际开发中,需要根据设计要求来选择合适的背景属性。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT