css怎么让背景图片不重复-木庄网络博客

2022-03-22 17:33:22 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，可以使用background-repeat属性来让背景图片不重复，该属性可以设置背景图片是否重复以及如何重复；只需给背景图片设置“background-repeat:no-repeat;”样式即可让背景图片不重复。

本教程操作环境：Windows7系统、HTML5&&CSS3版本，Dell G3电脑。

推荐：css视频教程

CSS设置背景图片

在CSS中，我们可以利用 background 属性来设置背景图片，如下面的代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>演示背景图片</title>
    <style>
    body{
        background: url('20190621232252.png');
    }
    </style>
</head>
<!--飞鸟慕鱼博客-->
<body>
</body>
</html>