HTML5是現代網頁設計的標準，其中一個很有用的功能就是可以添加圓圈代碼。圓圈代碼可以幫助我們展示視覺效果，并且可以為網頁的功能增加一些特效，讓網頁更具吸引力。
<!DOCTYPE html>
<html>
<head>
<style>
#circle {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}
</style>
</head>
<body>
<div id="circle"></div>
</body>
</html>在這一段代碼中，我們首先定義了一個圓圈的div，它的id為circle。接著，在樣式表中我們定義了這個圓圈的基本樣式。我們將它的寬度和高度都設置成了100像素，并且將它的背景顏色設置成了紅色。我們還將這個圓圈的邊緣設置成了50%的圓角，這樣就形成了一個圓形。
最后，在HTML文件的body部分，我們將這個圓圈的div插入了網頁當中。這樣就完成了一個簡單的HTML5圓圈代碼。
上一篇html5圖片驗證碼代碼
下一篇一個頁面放六個盒子css