首先，我們需要在HTML文檔中創建一個元素。

<canvas id="myCanvas" width="100" height="100">
</canvas>

接下來，我們需要使用JavaScript來繪制圓形按鈕。以下是示例代碼。

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x = canvas.width / 2;
var y = canvas.height / 2;
var radius = 30;
ctx.beginPath();
ctx.arc(x, y, radius, 0, Math.PI * 2);
ctx.fillStyle = "red";
ctx.fill();

以上代碼將創建一個半徑為30的紅色圓形按鈕。我們可以修改半徑和顏色以創建其他的圓形按鈕。

最后，在CSS中，我們可以對圓形按鈕進行樣式設置。以下是一個簡單的樣式示例。

button {
display: inline-block;
width: 100px;
height: 100px;
}

以上樣式會將元素轉換為一個100像素大小的矩形塊。如果要創建具有不同尺寸和形狀的圓形按鈕，請在CSS中進行相應的設置。

總結來說，HTML5中創建圓形按鈕的方法就是通過元素和JavaScript繪圖來實現。在CSS中設置相應的樣式可以使圓形按鈕具有更好的視覺效果。