CSS方框是一個常用的前端設計工具，它可以實現頁面的布局和樣式的美化，同時方便網頁制作和用戶操作。而在方框中加入按鈕，可以增加網頁交互性和用戶體驗，提高網站的可用性。

// CSS代碼實現方框和按鈕
.box {
width: 300px;
height: 200px;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 10px;
text-align: center;
line-height: 200px;
}
.btn {
display: inline-block;
width: 100px;
height: 30px;
background-color: #0077ff;
color: #fff;
border-radius: 5px;
margin-top: 20px;
text-align: center;
line-height: 30px;
}

以上代碼實現了方框的樣式和一個按鈕的樣式，其中方框的CSS設置了寬高，背景色和邊框效果，同時加入了圓角和文本居中樣式。而按鈕的CSS設置了寬高，背景色和文本顏色，同時加入了圓角和居中樣式，最后為了顯示效果加入了頂部的間距。

通過以上代碼設置，可以在網頁中加入方框和按鈕，并且控制它們的位置和樣式，實現網頁的設計需求，同時方便用戶操作和提高用戶體驗。