背景设置多个图片和渐变色

reverb_

已于 2022-07-28 14:51:26 修改

阅读量476

点赞数

于 2022-02-14 15:17:04 首次发布

本文链接：https://blog.youkuaiyun.com/reverb_/article/details/122925131

版权

html5

这篇博客介绍了如何设置网页背景，使用两张图片分别位于顶部和底部，并结合线性渐变创建独特的视觉效果。代码示例展示了如何通过CSS实现这一设计，包括图片的定位、重复设置以及渐变颜色的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里设置两种背景图片，一张图片在顶部，一张在底部，蓝色渐变

background: url("../img/background/bg-bottom-page.png") no-repeat bottom center ,
    url("../img/background/bg-top-page.png") no-repeat top center, linear-gradient(#0261E5, #0047A1);
background-size: 100% auto, 100% auto, 100% 100%;