CSS方框上下居中是網站設計中經常會用到的一種技巧。在實現這種效果時，我們需要使用以下幾種CSS屬性：

/* 設置元素為絕對定位 */
position: absolute;
/* 設置元素的上下左右邊距為0 */
top: 0;
bottom: 0;
left: 0;
right: 0;
/* 設置元素的寬高 */
width: 寬度值;
height: 高度值;
/* 設置元素的margin為auto */
margin: auto;

以上CSS屬性將會使我們所設置的元素居中。下面是一個例子：

div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 300px;
height: 200px;
margin: auto;
background-color: #eee;
}

在上面的代碼例子中，我們使用了一個div元素，并使用了上述CSS屬性設置其為居中狀態，并設置了其寬度為300px，高度為200px，背景顏色為#eee。

如果我們想要在一個p元素中居中文本時，也可以使用這種方法。只需將p元素變為塊級元素，并使用以上CSS屬性進行設置即可。

總之，CSS方框上下居中是網站設計中一種常用的技巧，掌握了它，可以讓我們在頁面布局中更加自如地控制元素的位置。