CSS是网页设计中非常重要的一种语言,它可以控制网页中元素的样式和布局。其中,设置网页背景也是它的重要功能之一。在CSS中,使用background属性来设置网页的背景。常见的属性值有:backgro
CSS是网页设计中非常重要的一种语言,它可以控制网页中元素的样式和布局。其中,设置网页背景也是它的重要功能之一。
在CSS中,使用background
属性来设置网页的背景。常见的属性值有:
background-color: red; /* 设置背景颜色 */ background-image: url(images/bg.jpg); /* 设置背景图片 */ background-repeat: no-repeat; /* 设置背景的重复方式 */ background-position: center center; /* 设置背景图片的位置 */ background-size: cover; /* 设置背景图片的大小,cover表示自适应填充容器 */
例如:
body { background-color: #f0f0f0; background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
上述代码表示将网页的背景颜色设置为淡灰色#f0f0f0
,设置背景图片为images/bg.jpg
,不重复显示,居中显示,并自适应填充容器。
值得注意的是,background-image
属性要使用url()
函数来引入图片文件,而background-color
属性则直接设置颜色值即可。同时,多个background
属性值可以缩写成一行,如:
background: #f0f0f0 url(images/bg.jpg) no-repeat center center / cover;
这行代码与上方的代码作用一致,缩写可以使代码更简洁。
粉丝
0
关注
0
收藏
0