欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

课时96.背景平铺(掌握)

程序员文章站 2022-03-04 16:06:39
1.如何控制背景图片的平铺方式? 在CSS中有一个background-repeat属性,就是专门用于控制背景图片的平铺方式的 取值: repeat 默认,在水平和垂直都需要平铺 no-repeat 在水平和垂直都不需要平铺 repeat-x 只在水平方向平铺 repeat-y 只在垂直方向平铺 应 ......

1.如何控制背景图片的平铺方式?

在CSS中有一个background-repeat属性,就是专门用于控制背景图片的平铺方式的

取值:

repeat   默认,在水平和垂直都需要平铺

课时96.背景平铺(掌握)

课时96.背景平铺(掌握)

no-repeat  在水平和垂直都不需要平铺

课时96.背景平铺(掌握)

课时96.背景平铺(掌握)

repeat-x  只在水平方向平铺

课时96.背景平铺(掌握)课时96.背景平铺(掌握)

repeat-y  只在垂直方向平铺

课时96.背景平铺(掌握)课时96.背景平铺(掌握)

 应用场景:

先看原理图片

课时96.背景平铺(掌握)

可以通过背景图片的平铺来降低图片的大小,提升网页的访问速度

课时96.背景平铺(掌握)

课时96.背景平铺(掌握)