css怎么样达成图片右上角添加复选框
页面如下:
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>测试</title>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="Thisismypage">
<styletype="text/css">
.main{
float:left;
margin-left:8px;
}
</style>
</head>
<body>
<pclass="ztree">
<ulid="treeDemo"class="ztree"></ul>
</p>
<pclass="main"style="position:relative;">
<pclass="img">
<imgalt="图片名字"src="plug-in/image/Desert.jpg"style="width:100px;height:100px">
</p>
<pclass="checkbox"style="position:absolute;TOP:0;right:0;z-index:1000">
<inputid="box"type="checkbox"name="box">
</p>
</p>
<pclass="main"style="position:relative;">
<pclass="img">
<imgalt="图片名字"src="plug-in/image/Desert.jpg"style="width:100px;height:100px">
</p>
<pclass="checkbox"style="position:absolute;TOP:0;right:0;z-index:1000">
<inputid="box"type="checkbox"name="box">
</p>
</p>
<pclass="main"style="position:relative;">
<pclass="img">
<imgalt="图片名字"src="plug-in/image/Desert.jpg"style="width:100px;height:100px">
</p>
<pclass="checkbox"style="position:absolute;TOP:0;right:0;z-index:1000">
<inputid="box"type="checkbox"name="box">
</p>
</p>
</body>
</html>
希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
►本文网址:http://www.nsxcb.cn/CSS/CSS3/20220507/14093.html
►凡本站提供教程均已验证教程的准确性。