CSS 基础教程-007 CSS 设置垂直重复背景

由 hrs, 21 十二月, 2019

实例代码：

<!doctype>
<head>
<meta charset="utf-8">
<style type="text/css">
background-image:url(img/beijing.jpeg);
background-repeat:repeat-y;
</style>
</head>
<html>
<body>
<p>这是一个垂直重复背景的实例</p>
<body>
</html>

运行效果：

css_007.png

在这个实例中看到，我们的背景图像不会铺满整个网页，而垂直在网页中显示，这是由于 我们设置了background-repeat:repeat-y 属性的结果。

 

标签

评论