您的位置:首页 > CSS入门 > 【 返回上一页

margin是什么意思

1、margin英文翻译:
n. 边缘;利润,余裕;页边的空白
vt. 加边于;加旁注于
n. (Margin)人名;(俄、意)马尔金

2、CSS中作用
设置对象外边距样式。比如上下结构的两个DIV盒子,对上面第一个div设置margin-bottom下边距,这样就实现了上下两个DIV盒子产生间距。

3、实例

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>margin thinkcss</title>
<style>
.thinkcss{border:1px solid #F00}
.m-top{ margin-top:20px}
</style>
</head>
<body>
<div class="thinkcss">为了看到margin效果,对div加边框</div>
<div class="thinkcss m-top">第二个DIV</div>
</body>
</html>

4、margin产生存在效果

margin产生外边距实例效果
margin产生外边距实例效果截图

5、更多相关CSS教程
margin属性
margin:0 auto
margin-left
margin-right
padding

相关标签: margin 外边距
如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/css/1365.shtml

日期:2017-06-30 10:26 css学习与资料网 thinkcss原创