CSS中的背景复合属性是一种方便设置网页背景样式的方式,其中各个属性通过逗号隔开。下面我们来分别介绍这些属性:
background-color: #fff; /*设置背景颜色为白色 */ background-image: url(image.jpg); /*设置背景图片 */ background-repeat: no-repeat; /*设置背景图片不重复 */ background-position: center center; /*设置背景图片居中 */ background-attachment: fixed; /*设置背景图片固定不滚动 */ background-size: cover; /*设置背景图片填充整个屏幕 */
background-color属性设置网页背景颜色,值可以是颜色名称、十六进制值或RGB值。
background-image属性设置网页背景图片,值可以是图片的URL地址。
background-repeat属性控制如何显示网页背景图片,有四个值:repeat(水平和垂直方向都重复)、repeat-x(只在水平方向重复)、repeat-y(只在垂直方向重复)、no-repeat(不重复)。
background-position属性控制网页背景图片的位置,属性值可以是关键字(如center)、百分比、长度值或者两者混合。
background-attachment属性控制网页背景图片是否随页面滚动而滚动,有两个值:scroll(跟随滚动)和fixed(固定不动)。
background-size属性控制网页背景图片的大小,有多种属性值可选,如cover(填充整个屏幕)和contain(完全包含在背景中),还可以设置具体的像素大小。
本文可能转载于网络公开资源,如果侵犯您的权益,请联系我们删除。
0