css如何?圖片右上方添加複選框 (代碼)

來源:互聯網
上載者:User
本篇文章給大家帶來的內容是關於css如何?圖片右上方添加複選框 (代碼) ,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所協助。

頁面如下:

<%@ 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>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.