CSS3的出現讓網頁的設計變得更加豐富多彩，其中一個常用的效果就是讓頁面下移。下面介紹實現該效果的方法。

body {
margin-top: 100px;
}
h1 {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
}

以上代碼的作用是將頁面上方的空白區域增加至100px，讓整個頁面下移。同時，設置h1元素position為絕對定位，讓它相對于其最近的已定位的父元素（如果沒有則相對于body元素）的左上角進行定位。top的值為30px，也就是讓h1元素相對于其父元素向下偏移30px，同時使用transform讓它水平居中。

除了上述方法，還可使用負margin的方式，如下所示：

body {
margin-top: -50px;
padding-top: 50px;
}
h1 {
margin-top: 30px;
}

以上代碼的作用是將body元素的上邊距設置為-50px，同時給它增加一個50px的內邊距。這樣就可以讓整個頁面下移50px。接著，設置h1元素的上邊距為30px，也就是相對于body元素向下偏移30px。這樣就可以實現頁面下移的效果。