html如何设置图片不重复

lewis 7年前 (2019-01-31) 阅读数 15 #程序编程

文章标签 html

要在HTML中设置一个背景图片不重复，可以使用CSS的background-repeat属性。该属性控制背景图像的重复方式。

以下是一个示例代码段，演示如何在HTML中设置一个背景图片不重复：

<!DOCTYPEhtml><html>
<head>
<style>
body{
background-image:url("your-image.jpg");
background-repeat:no-repeat;/*设置背景图片不重复*/
background-size:cover;/*调整背景图片大小以覆盖整个容器*/
}
</style>
</head>
<body>
<!--在此处放入你的内容-->
</body>
</html>

在上述代码中，我们使用background-image属性指定了要使用的背景图片，并使用background-repeat属性将其设置为不重复。

此外，我们还使用了background-size属性来调整背景图片的大小，使其完全覆盖容器。你可以根据需要选择适当的值，如cover、contain等。

请将url("your-image.jpg")替换为你自己的图像的路径。

这样设置后，背景图片将不会重复显示。