html图片右上角删除按钮,图片右上角删除

# 图示


# GIT

地址：https://gitee.com/hongweizhiyuan/ijquery_front/tree/master/image_delete

演示：https://hongweizhiyuan.gitee.io/ijquery_front/image_delete/index-css-jquery.html

# 代码

```

CSS的删除按钮

.img_div{

display : inline-block;

position : relative;

}

.img_div .delete{

position : absolute;

top : 5px;

right : 5px;

color: red;

border: 1px solid red;

text-align: center;

cursor: pointer;

border-radius: 20px;

width : 20px;

height : 20px;

line-height: 20px;

}

CSS的删除按钮

x

$(function () {

//删除操作

$('.delete').click(function () {

$(this).parent().remove();

})

})

```