HTML5的方框按鈕在網頁設計中扮演著重要的角色，可以大大提升網頁的美觀度和用戶體驗。下面我們來看一下如何實現方框按鈕。

<button class="square-button">立即注冊</button>

上面的代碼是實現一個簡單的方框按鈕的代碼，其中"class"用來指定樣式，"square-button"是自定義的類名。

.square-button {
border: 1px solid #ccc;
background-color: #f4f4f4;
color: #333;
padding: 8px 16px;
font-size: 14px;
border-radius: 4px;
outline: none;
cursor: pointer;
}

上面的代碼是實現方框按鈕的樣式代碼，"border"用來設置邊框樣式，"background-color"和"color"分別用來設置背景顏色和字體顏色，"padding"設置內邊距大小，"font-size"設置字體大小，"border-radius"設置按鈕圓角大小，"outline"用來去除按鈕點擊時的默認樣式，"cursor"用來設置鼠標懸停時的樣式。

除了上面的代碼，我們還可以結合其他HTML標簽和CSS樣式來實現更加豐富的方框按鈕樣式。比如設置按鈕的圖標、懸停效果、點擊效果等等，這些都可以根據我們的需求來自定義實現。