在CSS3中,background可以添加多个背景图像组,背景图像之间通过逗号进行分隔。
每个背景图像层都可以包含下面的值
background-image |
定义背景图像 |
background-color | 定义背景颜色 |
background-origin | 指定背景的显示区域 |
background-clip | 指定背景的裁剪区域 |
background-repeat | 设置背景图像是否及如何重复 |
background-size | 定义背景图片的大小 |
background-position | 设置背景图像的位置 |
background-attachment | 定义背景图像的显示方式 |
我们可以将这些属性都写进background属性中,就像这样
body { background: url(images/bg3.png) center no-repeat, url(images/img15.jpg) center 70% no-repeat; }
时间: 2024-10-29 05:01:10