当前位置: 首页 > 网络应用技术

背景新功能CSS

时间:2023-03-06 14:25:54 网络应用技术

  在开发中,我们几乎在背景大小的属性中很常见,并且有很多写作方法,例如PX,百分比,覆盖,包含,并且可以使用:

  其中,封面和包含的属性值是最常用的,因为这些属性值都不会改变背景映射的原始比例。封面从字面上理解它。生活,可能有一些无法显示的图片,并且对包含的字面理解意味着我们将背景图放在当前元素区域并可能留下空白区域,但可以完全显示这些图片。

  当我们设置一个背景大小时设置百分比或值时,我们不应将其设置为负值。该百分比由元素的背景定位区域计算得出。Background-Origin确定背景定位区域。默认值是填充框。

  背景包含背景大小的属性,但我们应该注意写作,即背景位置的属性值在背景大小的前面,并且需要分开斜率。否则,写作可能无效:写作可能无效:

  我们还可以使用CSS梯度和背景大小属性来绘制深蓝色像素:

  空间和圆形模式通常使用小型图片,我们可以使用空间,但是如果背景图像大于背景定位区域的大小,我们该如何处理?

  1.目前,无效的背景位置属性将生效。当背景显示区域只能显示图像时,我们使用背景位置的属性来控制此图片的定位。

  2. Dangpu图像大小大于背景显示的面积大小,并且不同的效果将在不同的浏览器中显示。图像可以以铬和Firefox浏览器显示。如果我们使用空间,最好不要渲染或确保平面图像的大小小于元素的大小。

  Round的背景图像将在不留下差距的情况下伸展,但是如果定位区域的空间变大,如果剩余空间大于图像的宽度,那么当我们添加新图片时,所有当前图像将被压缩因此,将新添加的图片放在左侧的空间中。

  当然,除了这两个关键字(空间,圆形)之外,您还可以设置背景图像的方形铺路方法并更改背景重复属性的语法。