html页面怎么实现把某个元素左移50像素?

html-css017

html页面怎么实现把某个元素左移50像素?,第1张

1、在html中定位一个元素的位置并且实现向左移动50像素的方式是借助css中的margin来实现。

2、基本用法是margin属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

3、margin可以接收4个值,分别为距离上、右、下、左的值,也是可以使用margin-left单独设置距离左边的值,代码如下。

4、<html>

<head>

<style type="text/css">

p.margin {margin-left:50px}

</style>

</head>

<body>

<p>这个段落没有指定外边距。</p>

<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。

5、运行结果如下图

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的位置。