css中插入图片不重复

在CSS中，我们可以使用background-image属性来为网页元素添加背景图片。然而，在某些情况下，我们不希望这些背景图片被重复显示，这时我们需要使用background-repeat属性来控制其重复性。
语法如下：
background-repeat: repeat-x; //水平方向重复
background-repeat: repeat-y; //垂直方向重复
background-repeat: no-repeat; //不重复
通过设置background-repeat属性，我们可以轻松地控制背景图片的重复方式。例如，我们想让背景图片仅在水平方向重复，可以这样写：
pre{
background-image: url('example.png');
background-repeat: repeat-x;
}
我们也可以将其设置为仅在垂直方向重复：
pre{
background-image: url('example.png');
background-repeat: repeat-y;
}
另外，我们可以将其设置为不重复：
pre{
background-image: url('example.png');
background-repeat: no-repeat;
}
通过设置background-repeat属性，我们可以使网页更加美观，同时也提高了用户体验。