首先,让大家来看一下CSS3中最基本的背景属性。使用CSS属性background可以设置背景颜色,如下所示:
background-color: #f1f1f1;
如果大家想在背景颜色上添加一个背景图片,可以使用background-image属性,如下所示:
background-image: url('img/background.jpg');
在此基础上,大家可以使用background-repeat属性来设置背景图片的重复方式,常见的取值有repeat,repeat-x,repeat-y和no-repeat,如下所示:
background-repeat: no-repeat;
除了设置背景图片的重复方式,大家还可以使用background-size属性来调整背景图片的大小,如下所示:
background-size: cover;
当然,大家还可以设置多重背景,使用CSS3的background属性,如下所示:
background: #f1f1f1 url('img/background.jpg') no-repeat center center fixed;
在这个例子中,大家同时设置了背景颜色、背景图片和背景图片的重复方式,同时固定了背景图片的位置。
除了这些基本的背景属性,CSS3还提供了更加丰富、更加强大的背景模型,如渐变、图像纹理等。如果感兴趣,欢迎继续学习。