body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: left top; /* 这里表示背景从页面的左上角开始覆盖 */ }
让背景从页面的中央开始覆盖。
body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: center center; /* 这里表示背景从页面的中央开始覆盖 */ }
body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: left bottom; /* 这里表示背景从页面的底部开始覆盖 */ }
让背景离页面的左边缘50px,离页面的上边缘100px开始覆盖。
body { background-image: url("bg.jpg"); background-repeat: no-repeat; background-position: 50px 100px; /* 这里表示背景从页面的左边缘50px,离页面的上边缘100px开始覆盖 */ }设置background-position属性可以让我们更加自由地控制背景图的位置,使其更符合我们的需求。希望以上内容能对你有所帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。