CSS3是一種用于網頁設計的樣式表語言，它可以讓頁面變得更加炫酷和美觀。其中，三角形樣式是CSS3中非常常見的展示方式之一，本文會介紹如何使用CSS3中的三角形樣式，并讓它在頁面中居中顯示。

/*定義一個三角形的樣式*/
.arrow {
width: 0px;
height: 0px;
border-top: 10px solid #000000;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
/*將三角形樣式垂直和水平居中*/
.arrow-wrapper {
display: flex;
justify-content: center;
align-items: center;
}

以上代碼定義了一個三角形樣式，我們可以通過對CSS3的邊框屬性進行設置來生成一個具有三角形形狀的元素。其中，我們將上邊框設置為實心的，而左右兩邊的邊框則分別設置為透明的，這樣就可以得到一個三角形。

接下來，我們需要將這個三角形樣式居中顯示。我們使用了CSS3中的flex布局，對元素進行水平垂直居中的設置。通過display屬性設置元素為flex布局，并使用justify-content屬性和align-items屬性來將三角形居中顯示。

總結：利用CSS3中的邊框屬性和flex布局來生成一個漂亮的三角形，并將其在頁面中居中顯示，是實現頁面美化和提高用戶體驗的不錯選擇。