home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีการวาดวงกลมในหน้า HTML?

ในการวาดวงกลมในหน้า HTML ให้ใช้ SVG หรือ canvas คุณยังสามารถวาดมันโดยใช้ CSS ด้วยคุณสมบัติ border-radius

วิธีการวาดวงกลมในหน้า HTML?

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีวาดวงกลมใน 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>