[分享]css中怎么让图片向左移动

在CSS中，要让图片向左移动可以通过以下几种方法来实现。下面我们将一一介绍。一、使用margin属性在CSS中，margin属性用来控制元素的外边距。通过设置marginleft属性的值为负数，可以让...

在CSS中，要让图片向左移动可以通过以下几种方法来实现。下面我们将一一介绍。
一、使用margin属性
在CSS中，margin属性用来控制元素的外边距。通过设置margin-left属性的值为负数，可以让图片向左移动。
具体代码如下：

 p img{
      margin-left: -20px;
  } 

上面的代码中，我们将图片的左外边距设置为-20px，即往左移动20个像素。
二、使用float属性
在CSS中，float属性可以使元素浮动到左侧或右侧。通过设置图片的float属性为left，可以让图片向左移动。
具体代码如下：

 p img{
      float: left;
      margin-right: 20px;
  } 

上面的代码中，我们将图片的float属性设置为left，表示图片向左浮动。同时，我们也设置了margin-right属性的值为20px，表示图片的右外边距为20个像素，避免和接下来的文本重叠。
三、使用position属性
在CSS中，利用position属性和left属性可以让元素相对于父级元素或文档左侧进行定位。同样的，我们也可以利用这个特性来实现图片向左移动。
具体代码如下：

 p img{
      position: relative;
      left: -20px;
  } 

上面的代码中，我们将图片的position属性设置为relative，表示图片相对于原来的位置进行定位。同时，我们也将图片的left属性设置为-20px，表示图片向左偏移了20像素。
通过上述三种方法，我们都可以轻松地让图片向左移动。不同的方法适用于不同的场景，我们可以根据具体情况来选择合适的方法。