这句CSS 怎么解释

background:#016AA9 url(images/login.jpg) no-repeat scroll center top;
2025-06-20 14:11:46
推荐回答(3个)
回答1:

background:#016AA9 url(images/login.jpg) no-repeat scroll center top;
可以拆分为
background-color:#016aa9 ; /*背景颜色,显示于背景图片铺不到的地方*/
background-image: url(images/login.jpg) ; /*背景图片地址*/
background-reapeat:no-reapeat ; /*背景片不重铺*/
background-attachment : scroll ; /*随内容滚动.相对于 fixed不随内容滚动*/
background-position:center top /*图片定位.左右居中,靠上*/

回答2:

这是对所有background相关CSS属性的一个缩写

#016AA9 这是背景色,相当于background-color;
url(images/login.jpg) 为背景图片,相当于background-image: url(images/login.jpg) ;
no-repeat 设置为背景不平铺,相当于background-reapeat:no-reapeat ;
scroll 设置为背景随内容滚动,相当于background-attachment : scroll (通俗来讲就是:是否让背景固定在浏览器窗口的某一个地方,scroll为不固定,另外还有个属性 fixed为固定,这个说起来比较抽象,建议你操作一次,很容易就明白)
center top 为背景图片相对于窗口的位置,按时x y轴的顺序设置,相当于background-position:center top (center表示在容器的x轴中间,top为容器的顶部(例:比如一个窗口宽200px,高度600px,那背景图片就跑到了x轴100px,y轴0的位置),也建议你实际操作一次,操作永远比空想来得实际)

回答3:

背景色设置成#016AA9; 背景图片显示images/login.jpg,背景图片不重复显示,水平居中,置顶;
背景图片不重复铺的,所以层太大,背景图片覆盖不到的地方显示的是背景颜色#016AA9。