css 图片右上角显示叉 |css before取消

.close-btn {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
background-image: url('close.png');
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
z-index: 999;
}

上面的CSS代码使用了position属性将关闭按钮定位到右上角，并设置了宽度和高度。使用background-image属性将图片设置为按钮的背景，并使用background-size属性将图片大小调整为合适的尺寸。background-repeat属性设置为no-repeat，避免图片重复显示。

为了让鼠标移动到关闭按钮上时可以变成手型，使用了cursor属性将鼠标指针设置为手型。最后，使用z-index属性将关闭按钮置于最上层。

以上是CSS中实现图片右上角显示叉的基本方法。当然，也可以通过JavaScript来实现。