HTML5的出現為我們帶來了許多新的元素和標簽，其中就包括了很多用于設計界面的標簽。本篇文章中，我將簡單介紹如何使用HTML5中的圓形按鈕實現頁面設計。

點擊

如上所示，通過button標簽，我們可以輕松創建一個圓形按鈕，只需要在class中添加屬性circle-btn就可以了。如果需要設置按鈕的大小、顏色、文本內容等，則可以在CSS中進行設置。

.circle-btn {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #f00;
color: #fff;
text-align: center;
font-size: 20px;
line-height: 60px;
text-decoration: none;
}

在上述代碼中，我們使用了CSS來設置按鈕的各種屬性和樣式，包括按鈕的大小、邊框半徑、背景顏色、字體顏色、文本對齊方式、字體大小等。可以根據實際需求進行自定義。

除了button標簽外，還可以使用a標簽來創建圓形按鈕，代碼如下：

在上述代碼中，我們使用了FontAwesome字體庫中的加號圖標，通過CSS設置大小和顏色，最終形成一個按鈕。同樣，也可以根據實際需求進行自定義。

總之，HTML5中的圓形按鈕讓我們在頁面設計中更加輕松簡單，有很多種實現方式，可以根據實際需求進行選擇和自定義。