时间:2021-07-01 10:21:17 帮助过:12人阅读
页面如下:
- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <base href="<%=basePath%>">
- <title>测试</title>
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache">
- <meta http-equiv="expires" content="0">
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="This is my page">
- <style type="text/css">
- .main{
- float:left;
- margin-left:8px;
- }
- </style>
- </head>
- <body>
- <div class="ztree">
- <ul id="treeDemo" class="ztree"></ul>
- </div>
- <div class="main" style="position:relative;">
- <div class="img">
- <img alt="图片名称" src="plug-in/image/Desert.jpg" style="width:100px;height:100px">
- </div>
- <div class="checkbox" style="position:absolute;top:0;right:0;z-index:1000">
- <input id="box" type="checkbox" name="box">
- </div>
- </div>
- <div class="main" style="position:relative;">
- <div class="img">
- <img alt="图片名称" src="plug-in/image/Desert.jpg" style="width:100px;height:100px">
- </div>
- <div class="checkbox" style="position:absolute;top:0;right:0;z-index:1000">
- <input id="box" type="checkbox" name="box">
- </div>
- </div>
- <div class="main" style="position:relative;">
- <div class="img">
- <img alt="图片名称" src="plug-in/image/Desert.jpg" style="width:100px;height:100px">
- </div>
- <div class="checkbox" style="position:absolute;top:0;right:0;z-index:1000">
- <input id="box" type="checkbox" name="box">
- </div>
- </div>
- </body>
- </html>
相关推荐:
如何使用CSS给图片添加双边框效果_html/css_WEB-ITnose
css实现的在图片上面添加文字说明_html/css_WEB-ITnose
以上就是css如何实现图片右上角添加复选框 (代码)的详细内容,更多请关注Gxl网其它相关文章!