CSS 基础教程-085 CSS使用像素设置图像左边缘

由 hrs, 2 三月, 2020

实例代码
 

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
     img{
        width:100px;
        height:100px;
      position:absolute;
      left:120px; /*也可以用百分比来设置：如10% */
  
    
      }   
    
    </style>
  </head>
  <body>
    <h3>使用像素设置左下边缘</h3>
    <img src="img/pingguo.jpg"></img>
    <p>这个图像显示在浏览器的左部边缘120个像素。</p>
  </body>
</html>

运行效果：

css_085.png

文章标签

评论