- 1）設置盒子與盒子之間的距離
margin-bottom: 10px; - 2）特點
-->當兩個盒子垂直顯示的時候(水平方向沒有這效果)，兩個盒子的外邊距與最大的為準。
.one,.two{
width: 300px;
height: 300px;
background-color: pink;
}
.one{
margin-bottom: 180px;
}
.two{
margin-top: 200px;
background-color: green;
}
</style>
</head>
<body>
<div class="one">
</div>
<div class="two"></div>
</body>
- 3)margin的屬性連寫和padding一樣
- 4）水平居中，并且上下外邊距都為20px
margin: 20px auto; - 5）ul取消那個小黑點
ul{
list-style: none;
}