📜  如何使用 CSS 创建形状?

📅  最后修改于: 2021-08-31 07:55:04             🧑  作者: Mango

在本文中,我们将使用 CSS 设计一些不同类型的形状。 CSS 能够制作所有类型的形状。

  • 创建正方形:
html



 

    

 

    
 


html



 

    

 

    
 


html



 

    

 

    
 


html



 

    

 

    
 


html



 

    

 

    
 


html



 

    

 

    
 


HTML



 

    

 

    
 


输出:

  • 创建三角形
    • 向上:

html




 

    

 

    
 

输出:

  • 向下:

html




 

    

 

    
 

输出:

  • 创建一个圆圈:

html




 

    

 

    
 

输出:

  • 创建矩形:

html




 

    

 

    
 

输出:

  • 创建平行四边形:

html




 

    

 

    
 
  • 输出:

  • 创建椭圆:

HTML




 

    

 

    
 
  • 输出: