CSS 背景图设置:不重复、居中、覆盖全屏
背景图的设置可以使用CSS样式来实现,以下是一种实现方法:
body {
background-image: url('background.jpg');
background-repeat: no-repeat; /* 不重复 */
background-position: center; /* 居中 */
background-size: cover; /* 覆盖整个页面 */
}
在上述代码中,background-image属性指定了背景图的路径,可以替换为你自己的图片路径。background-repeat属性设置为no-repeat,表示不重复显示背景图。background-position属性设置为center,表示背景图在页面上居中显示。background-size属性设置为cover,表示背景图会被拉伸以覆盖整个页面。
你可以将上述CSS代码添加到你的HTML文件的<style>标签中,或者将其放在一个外部的CSS文件中,并在HTML文件中引入。
原文地址: http://www.cveoy.top/t/topic/pjfp 著作权归作者所有。请勿转载和采集!