在web開發中，我們常常需要讓一個元素居中顯示。CSS中的margin-top屬性就可以幫我們實現這個功能。

首先，我們需要為要居中的元素設置寬度和高度。比如，我們要讓一個div元素居中，可以像下面這樣寫：

div{
width: 200px;
height: 200px;
}

接著，我們就可以使用margin-top屬性來將元素居中。我們先來看看如果不使用margin-top， div元素會怎么顯示。

div{
width: 200px;
height: 200px;
background-color: red;
}

可以看到，這個div元素是偏上的。那么，我們將margin-top屬性設置為50%試一下：

div{
width: 200px;
height: 200px;
background-color: red;
margin-top: 50%;
}

可以看到，這個div元素已經垂直居中了。

那么，如何水平居中呢？我們可以再添加一個屬性text-align:center來使元素水平居中。

div{
width: 200px;
height: 200px;
background-color: red;
margin-top: 50%;
text-align: center;
}

現在，這個div元素已經完美地水平和垂直居中了。

需要注意的是，如果我們設置的元素是絕對定位的，那么我們需要將它的父元素（relative定位的元素）設置為高度和寬度都為100%，然后再使用上述方法使元素居中。

綜上所述，使用margin-top屬性可以實現元素的垂直居中，結合text-align屬性可以實現元素的水平居中。這是web開發中常用的實現元素居中的方法。