css 给图片加一个关闭按钮

今天又写页面了，给图片加一个关闭按钮，顺手记录下。外div绝对定位，内部图片用相对定位。

.MainDiv {
width:100%;
}
.MainDiv .LiDiv {
text-align:center;
width:100px;
height:100px;
padding:5px;
border:1px;
float:left;
cursor:pointer;
}
.MainDiv .LiDiv .UpImg {
width:100px;
text-align:center;
height:80px;
position:relative;
}
.MainDiv .LiDiv .DownTxt {
width:100px;
text-align:center;
height:20px;
}
.MainDiv .LiDiv .delImg {
width:20px;
height:20px;
position:absolute;
right: -5px;
top: -5px;
}

</div><div class="DownTxt">合同</div></div></div>

最后效果：

css 给图片加一个关闭按钮相关推荐

DIV+CSS布局图片加阴影效果方法
DIV+CSS布局图片加阴影效果方法转自:爱微网 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
给图片加一个黑色半透明的遮盖层
12.给图片加一个黑色半透明的遮盖层--软设问题总结 12.1 知识点 12.1.1 img标签::after和::before失效 12.1.2 默认地,::after和::before是行内元素 ...
必应每日壁纸API HTML 使用必应每日API为背景 css 背景图片加模糊遮罩
必应每日壁纸API 必应每日壁纸接口API https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=zh ...
css关于图片加载不出来用文字显示
当我们浏览网页的时候有时会遇到网速很低加载不出图片的情况,这时候不能影响用户体验,所以我们需要一个文字代替图片的功能如果图片加载不出来我们可以用文字代替我们先拿淘宝举例: 第一种方法: 第二种方 ...
利用CSS让图片围绕中心旋转
起因: 需要一个刷新按钮,一点击就自己旋转一圈,刚开始是想到做一个GIF图,点击图片后就换图片路径. 今天创建react脚手架的时候,看到了react的LOGO在自己动,就看了看他的css. 代码: ...
css给图片添加阴影效果方法
css给图片添加阴影效果方法 box-shadow属性代码 box-shadow属性 css可以实现很多的图片效果,图片阴影效果就是其中之一,那么css如何给图片添加阴影效果?本篇文章就给大家介绍如 ...
ps给图片加钢印方法
给图片加一个钢印其实很简单这样的效果只能类似钢印简单可以按照下面的方法准备资料 :一个要加钢印的图片一个透明印章即可实现方法:斜面和浮雕一.打开图片二.打开透明印章三.将透明印章移 ...
html 图片上放置按钮,用CSS在图片上再加一个小按钮
很简单的,嗯,就是要做成这样的: 用CSS,当然得用层了,就是在图片上再加一个层,用来放那个按钮,按钮又有两种方式可以放,一种是直接用图片img标签,一种是通过背景图片放上去.这里我们就用背景图片这个 ...
webpack笔记一：webpack的介绍，安装，加载css、图片、字体等
写在前面的话: 在当前grunt.gulp.webpack成为日常工具的情况下,如果你还只是熟练的使用html.css和激块瑞的话,已经远远不能满足项目的需求,所以你得变强,你需要懂得更多.现在前端不 ...

css 给图片加一个关闭按钮

css 给图片加一个关闭按钮相关推荐

最新文章

热门文章