Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để vẽ vòng tròn trong trang HTML?


Để vẽ một vòng tròn trong trang HTML, hãy sử dụng SVG hoặc canvas. Bạn cũng có thể vẽ nó bằng CSS, với thuộc tính border-radius.

Làm thế nào để vẽ vòng tròn trong trang HTML?

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách vẽ hình tròn trong 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>