如何使用 CSS 创建波浪背景？

使用 before选择器可以轻松生成波浪背景。我们将使用 .png 文件格式的波形图像，您可以自己创建或从这里下载。
HTML 代码：在本节中，我们将设计代码的基本结构。

html

 

    
    
         
    

 

    

        

            
GEEKS FOR GEEKS
        
    

 

CSS 代码：在本节中，我们将使用一些 CSS 属性来设计波浪背景。首先，我们将为该部分添加一个基本背景，然后使用before选择器将波形 png 文件设置在我们的背景之上。

CSS

完整代码：是上面两个代码段的组合。

html

 

    
    
 
    
 
    

 

    

        

            
GEEKS FOR GEEKS
        
    

 

输出：