position的简单用法实例 ----- 方框里图片放对应的角标

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>position.html</title>

  </head>

  <body style="margin:0 auto;">

    <div style="width:200px;height:200px;text-align:center;border:1px solid #e3446e;background:#000;position:relative;">

        <img style="margin-top:50px;width:100px;height:100px;" src="./image/1.jpg" alt="">

        <img style="width:30px;height:30px;position:absolute;right:0;bottom:0;" src="./image/lens.png" alt="">

    </div>

  </body>

</html>

巴特西

position的简单用法实例 ----- 方框里图片放对应的角标

最新文章

热门文章