Maison > Article > interface Web > Comment ajouter une case à cocher dans le coin supérieur droit de l'image en utilisant CSS (code)
Comment ajouter une case à cocher dans le coin supérieur droit de l'image en utilisant CSS (code)
- 不言original
- 2018-08-28 11:24:592783parcourir
Le contenu de cet article explique comment ajouter une case à cocher (code) dans le coin supérieur droit de l'image en utilisant CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. toi.
La page est la suivante :
<%@ 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>Recommandations associées :
Comment utiliser CSS pour ajouter un effet de double bordure aux images_html/css_WEB-ITnose
Implémentation CSS pour ajouter des descriptions textuelles sur les images_html/css_WEB-ITnose
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!