在Web開發中，圓角矩形是一種非常常見的UI設計，它可以讓網站的頁面看起來更加優美。而將圓角矩形位于頁面中央，可以有效地提高網站整體的美感，這也是很多網站都會采用的一種設計方案。

要實現將圓角矩形位于頁面中央，可以使用CSS的flex布局，具體的代碼如下：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.box {
width: 400px;
height: 300px;
background-color: #eee;
border-radius: 10px;
}

上述代碼中，我們先將父容器設置為flex布局，并將justify-content和align-items屬性都設置為center，這樣就可以實現將子元素居中顯示。接著，在子元素中設置具體的樣式，包括寬度、高度、背景顏色和圓角半徑等。

通過以上代碼，我們可以輕松地將圓角矩形位于頁面的中央，從而讓整個網站看起來更加美觀。