如何在 HTML 頁面中繪製一個圓圈?


要在 HTML 頁面中繪製一個圓圈,請使用 SVG 或畫布。您還可以使用 CSS 和 border-radius 屬性繪製它。

示例

您可以嘗試執行以下程式碼來了解如何在 HTML 中繪製一個圓圈

線上演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         #circle {
            width: 50px;
            height: 50px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            background: blue;
         }
      </style>
   <head>
   <body>
      <div id="circle"></div>
   </body>
</html>

更新時間: 2020 年 2 月 25 日

9 千次瀏覽

開啟你的 職業生涯

完成課程並獲得認證

開始
廣告
© . All rights reserved.