CSS3中的位移屬性可以讓我們改變元素在水平和垂直方向上的位置，讓網頁的布局更加靈活多樣化。其中，位移垂直屬性可以讓我們控制元素在垂直方向上的位置。

/* 位移垂直示例 */
.box {
position: relative;
top: 50px; /* 向下移動50像素 */
bottom: 20px; /* 向上移動20像素 */
}

上述代碼中，我們首先為.box元素設置了相對定位，然后使用top屬性和bottom屬性來分別控制元素在垂直方向上的位置。當我們設置top為正值時，元素會向下移動這個值的像素距離；而當我們設置bottom為正值時，元素會向上移動這個值的像素距離。

但需要注意的是，如果我們同時設置了top和bottom屬性，瀏覽器會優先應用top屬性，因為top屬性的優先級更高。同時，我們也可以使用負值來控制元素在垂直方向上的位置。

除了top和bottom屬性外，我們還可以使用margin屬性來實現位移垂直的效果。例如：

/* 位移垂直示例 */
.box {
margin-top: 50px; /* 向下移動50像素 */
margin-bottom: 20px; /* 向上移動20像素 */
}

在這個示例中，我們使用margin-top屬性和margin-bottom屬性來控制元素在垂直方向上的位置。當我們設置margin-top為正值時，元素會向下移動這個值的像素距離；而當我們設置margin-bottom為正值時，元素會向上移動這個值的像素距離。

總之，位移垂直屬性是CSS3中非常實用的一個屬性，使用它可以輕松實現網頁布局的靈活調整效果。