怎么样用html语言让图片的位置向左或者是向右移动一点

html-css07

怎么样用html语言让图片的位置向左或者是向右移动一点,第1张

1、<img src="" hspace="">这里的hspace指水平方向与其他元素的间隔,填个你想要的整数就行了,如果是竖直方向就用vspace,简单吧。

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>

效果: