CSS 基础教程-010 CSS背景的定位

由 hrs, 22 十二月, 2019

实例代码：

<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css"> 
body{
background-image:url(img/beijing2.jpeg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style>

</head>
<html>
<body>
<p>这是一个背景定位的实例。</p>
</body>
</html>

运行效果：

css_010.png

从这个实例中看出，这个图像在页面是居中定位的。

background-attachment:fixed;  设置图像固定位置，防止滚动带来的影响。

background-position:center;  设置图像位置为居中。

标签

评论