/*添加单一背景图片*/ background-image: url("image.jpg"); /*添加多个背景图片*/ background-image: url("image1.jpg"), url("image2.jpg"); /*设置多个背景图片的位置和大小*/ background-position: top left, center right; background-size: contain, cover; /*添加背景渐变色*/ background-image: linear-gradient(red, yellow); /*添加背景动画*/ animation: myanimation 5s infinite;
以上是一些常用的CSS3背景图片添加方式。值得注意的是,在添加背景图片时应该注意图片大小和加载速度,如果图片过大或过多,会导致网页加载时间过长,影响用户体验。