html中如何设置图片不平铺

在HTML中，使用标签可以插入图片，但是有些时候我们可能会希望图片不要平铺，而只显示一次。那么该怎么做呢？这里我们介绍两种方法来实现。

方法一：
<img src="图片路径" width="宽度" height="高度" style="background-repeat: no-repeat;">

方法一中，在style属性中添加background-repeat: no-repeat;，即可实现图片不平铺的效果。但是需要注意的是，这种方法需要指定图片的宽度和高度，如果不指定则可能会出现拉伸或者压缩的情况。

方法二：
<style>
    .image-norepeat{
        background-image: url("图片路径");
        background-repeat: no-repeat;
        width: 宽度;
        height: 高度;
    }
</style>
<div class="image-norepeat">