css中margin如何使用?
这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
可以填写的值:
值 | 描述 |
---|---|
auto | 浏览器计算外边距。 |
length | 规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。 |
/em> | 规定基于父元素的宽度的百分比的外边距。 |
inherit | 规定应该从父元素继承外边距。 |
使用示例:
<html> <head> <style type="text/css"> p.margin {margin: 2cm 4cm 3cm 4cm} </style> </head> <body> <p>这个段落没有指定外边距。</p> <p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。 这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。</p> <p>这个段落没有指定外边距。</p> </body> </html>
运行效果:(推荐学习:CSS视频教程)
margin使用技巧:
使用margin: 0 auto实现元素水平居中。
<div class="wrap"> <div class="app">margin: 0 auto;</div> </div> <style> .wrap{ background: skyblue; } .app{ margin: 0 auto; width: 120px; height: 120px; border: 1px solid #000; } </style>
更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!
以上就是css中margin如何使用?的详细内容,更多请关注易知道|edz.cc其它相关文章!