html页面怎么实现把某个元素左移50像素
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、运行结果如下图
在html中定位一个元素的位置并且实现向左移动50像素的方式是借助css中的margin来实现,margin的基本用法是:
margin属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
工具原料:编辑器、浏览器
1、margin可以接收4个值,分别为距离上、右、下、左的值,也是可以使用margin-left单独设置距离左边的值,代码如下:
<html>
<head>
<style type="text/css">
p.margin {margin-left:50px;}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>
</html>
2、运行的结果如下图:
<div style="margin-left:50px;">内容</div>
2011-03-23
广告 您可能关注的内容 |