📌  相关文章
📜  如何使用 HTML 和 CSS 绘制半圆？

📅  最后修改于: 2021-08-30 02:13:29             🧑  作者: Mango

可以使用 HTML 和 CSS 轻松创建半圆或半圆形状。我们将使用border-radius属性来绘制所需的输出。

HTML 代码：在本节中，我们将使用

标签创建一个简单的“div”元素。

HTML


  

    
    
    Semi Circle

  

    


  

CSS

HTML


  

    
    
  
    Semi Circle
  
    

  

    


  

CSS 代码：在本节中，我们将首先使用简单的 CSS 属性设计“div”框，然后使用border-radius属性绘制半圆。

CSS

最终代码：是以上两个代码段的组合。

HTML 



  

    
    
  
    Semi Circle
  
    

  

    


  

输出：