css背景复合属性中各个属性用逗号隔开

12个月前 (11-10 08:58)阅读143回复0
谢绳武
谢绳武
  • 注册排名10017
  • 经验值0
  • 级别
  • 主题0
  • 回复0
楼主

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(完全包含在背景中),还可以设置具体的像素大小。

本文可能转载于网络公开资源,如果侵犯您的权益,请联系我们删除。

本文地址:https://www.pyask.cn/info/2746.html

0
回帖

css背景复合属性中各个属性用逗号隔开 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息