📜  如何使用 HTML 和 CSS 绘制半月?

📅  最后修改于: 2021-09-01 01:45:49             🧑  作者: Mango

可以使用 HTML 和 CSS 绘制各种形状,半月的形状也是如此,可以通过使用一些 CSS 属性操作 div元素来绘制该形状。

HTML 代码:在本节中,我们有一个基本的div标签。




  
  
  Half Moon


  
   

CSS 代码:在本节中,我们通过操作div元素来绘制半月,我们将使用box-shadowborder-radius属性来绘制半月。


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




  
  
  Half Moon



  
  
   

输出: