本文介绍了一种使用CSS使背景图片在网页中居中的方法。通过设置body元素的样式，包括背景图片的位置、重复方式及固定方式等属性，实现了背景图片在浏览器窗口中的精确居中效果。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--背景图片居中的css样式 -->
<Style TYPE="text/css">
body{background-image: URL(bgimg2.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
</style>
</head>
<!--attachment背景图是否随着内容滚动，fixed固定；background-repeat图片是否重复，no-repeat不重复 -->
<body>
</body>
</html>
背景图片居中显示
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--背景图片居中的css样式 -->
<Style TYPE="text/css">
body{background-image: URL(bgimg2.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
</style>
</head>
<!--attachment背景图是否随着内容滚动，fixed固定；background-repeat图片是否重复，no-repeat不重复 -->
<body>
</body>
</html>
背景图片居中显示
扫一扫
908
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
