在HTML5中，我們可以使用矩形框來美化我們的網站。使用矩形框可以讓我們的頁面看起來更現代化，美觀且易于閱讀。

下面是一個基本的HTML5矩形框代碼：

<div style="width: 300px; height: 200px; border: 1px solid black;">
<p>這是一個矩形框。</p>
</div>

上面的代碼創建了一個寬度為300像素，高度為200像素的矩形框。此矩形框的邊框為黑色，寬度為1像素。該矩形框包含一個段落標簽，其中包含文本“這是一個矩形框?！?/p>

通過更改CSS屬性，您可以自定義矩形框。例如，您可以更改矩形框的背景顏色，邊框顏色和寬度，字體顏色等。下面是一個例子：

<div style="width: 300px; height: 200px; background-color: #eee; border: 2px dashed blue;">
<p style="color: red;">這是一個自定義的矩形框。</p>
</div>

上述代碼將創建另一個矩形框，其背景顏色為淺灰色，邊框為2像素的虛線框，顏色為藍色。在矩形框內的段落標記中設置了紅色字體顏色。

總之，HTML5矩形框是一個功能強大的工具，可以輕松地美化您的網站。通過試驗CSS屬性，您可以創建不同風格和顏色的矩形框。