margin的学习记录
0

margin的学习记录

已有 1844 人阅读此文 - - 胖大豆

margin就是设置一个元素的外边距

3801213fb80e7bec93cc8eff2f2eb9389b506b9e.jpg

margin: 10px; 这是所有的4个外边距都是10px;

margin: 35px 5px; 上下外边距是35,左右外边距是5;

margin: 10px 5px 15px; 上外边距是 10px;右外边距和左外边距是 5px;下外边距是 15px

margin:10px 5px 15px 20px;上外边距10px,右外边距是5px,下外边距是15px,左外边距是20px;

margin: 0 auto;表示上下边界为0,左右则根据宽度自适应相同值(即居中),div必须设置宽度后此值才起作用,居中显示;

<html>
 
<head>
 
<styletype="text/css">
 
p.margin{margin:50px100px75px100px}
 
</style>
 
</head>
 
 
<body>
 
 
<p>这个段落没有指定外边距。</p>
 
 
<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。</p>
 
 
<p>这个段落没有指定外边距。</p>
 
 
</body>
 
 
</html>

相关文章!
  • 没有相关文章!