HTML 设置背景底部居中对齐
可以使用 CSS 来设置背景底部居中对齐。具体步骤如下:
- 首先在 HTML 中设置背景图片,可以使用以下代码:
<body style="background-image: url('background.jpg');">
- 然后在 CSS 中设置背景图片的样式,包括背景位置、尺寸等,可以使用以下代码:
body {
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
其中,background-position: center bottom; 表示将背景图片的位置设置为底部居中对齐;background-size: cover; 表示将背景图片缩放到完全覆盖整个容器;background-repeat: no-repeat; 表示不重复平铺背景图片。
完整的代码如下:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('background.jpg');
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<!-- 网页内容 -->
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/boAb 著作权归作者所有。请勿转载和采集!