CSS 基础教程-082 CSS设置图像上边缘

hrs 提交于 2020/02/20 - 21:36 , 周四

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
      img{
        width:100px;
        height:100px;
        }
      img.img_1{
        position:absolute;
        top:15px;
      }   
    </style>
  </head>
  <body>
    <h3>图像的上边缘实例</h3>
    <p>这是用像素设置图像上边缘</p>

    <img class="img_1" src="img/pingguo.jpg"></img>
    <p>注意:图像挡住了标题和字段。</p>
  </body>
</html>

运行效果:

css_082.png

标签