以下是一个示例代码,展示了如何使背景不覆盖整个网页:
在这个示例中,我们使用了CSS样式来设置背景图片,并通过background-size: cover;
来将背景图片充满整个屏幕。同时通过background-repeat: no-repeat;
来禁止背景图片重复显示。
为了防止背景图片覆盖整个网页,我们添加了一个包裹内容的元素,设置其宽度为80%,居中对齐,并设置了一定的内边距和背景颜色,以便与背景图片形成对比。
通过这种方式,背景图片将只在内容区域显示,而不会覆盖整个网页。
相关内容