<style>
        div{
            width: 100px;
            height: 100px;
            margin: 100px auto;
            /* background-color: red; */
            position: relative;
        }
        span{
            font-size: 30px;
            color: red;
            position: absolute;
            top: -10px;
            left: -20px;
            width: 20px;
            height: 20px;
        }
    </style>

    <div>
        <img src="images/QQ截图20210811175534.jpg">
        <span>x</span>
    </div>

 先编写HTML框架和样式

 js中我们先获取元素

<script>
      var div = document.querySelector('div')
      var span = document.querySelector('span')
</script>

 当鼠标点击span时 让div块元素隐藏

<script>
      span.onclick = function(){
           div.style.display='none' 
        }
</script>