/*使用颜色值作为背景*/ body { background-color: #6495ED; } /*使用背景图片*/ body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-size: cover; } /*使用渐变背景*/ body { background: linear-gradient(to bottom right, #6495ED, #F08080); } /* 自定义图片渐变背景 */ #custom-bg { background-image: url("custom.jpg"), linear-gradient(to bottom right, #6495ED, #F08080); background-size: cover; background-blend-mode: multiply; }
通过以上示例,大家可以看到不同的背景实例可以通过改变颜色、图片、渐变等来实现美观、个性化的效果。同时,通过使用多重背景,大家可以更丰富的表达大家的想法和独特风格。