2、<img src="#" width="100" height="100" style=" margin-left:10px" />在图片代码里面加上margin属性。往右移就margin-left，往左移动就margin-right。
3、给图片加个class用相对定位做就可以了。例:<style type="text/css">.imgPlace{ position:relativetop:5pxleft:5px/*right:5pxbottom:5px*/}/*position:relative是相对定位的意思top是相对离上面的距离，left是相对离左面的距离，right是相对离右面的距离，bottom是相对离下面的距离，*/</style><img src="...." alt=" " title=" " class="imgPlace" />。
4、在table外面套个div，再调整div的位置。
如果是反的，可以让它旋转回来就变成正的了
只需要transform:rotate(180deg)属性即可
参考代码：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是一张正常的图片</h1>
<img src="image/fj1.jpg">
<h2>让这张图片倒置</h2>
<img src="image/fj1.jpg" style="transform: rotate(180deg)">
</body>
</html>
效果：
背景图像定位中要明确的几点：1、两个值前面一个是横向的定位，称为x轴方向定位。后面一个值是纵向的定位，称为y轴方向定位。如果只有一个值，那默认的就是x轴方向，这时y轴方向就默认的是上下居中对齐，也就是center。
2、坐标轴的原点就是对应容器的左顶点。
3、这个坐标的y轴箭头朝下，也就是右下方（容器内部）x y的值才都为正。
4、x y值分别表示背景图片的左顶点相对于坐标原点（也就是容器的左顶点）的值。
5、x y的值可以用百分比或者px来表示。
6、x y也可以用“left、right、top、bottom、center”这五个对齐方式来表示，但注意：用“left、right、top、bottom、center”来表示的时候，应用的是对齐规则，而不是坐标规则。x为left是表示图片的左边和容器的左边对齐，为right的时候表示图片的右边和容器的右边对其，y为top的时候表示图片的顶部和容器的顶部对齐，为bottom时表示图片的底部和容器的底部对齐，x y等于center的时候表示居中对齐。
7、x y用百分比或者px表示的时候，其值可以为负数。应用坐标规则就很容易理解负数表示的意义，x为负数时候表示图片左顶点在容器左顶点的左侧，y为负数时表示图片的左顶点在容器的左定点的上方。也就是向左和向上超出容器的范围。
