📜  如何使用 CSS 创建水平可滚动部分?

📅  最后修改于: 2021-08-30 12:38:21             🧑  作者: Mango

在本文中,我们将看到如何使用 CSS 创建水平滚动部分。 HTML 代码用于创建部分的基本结构,CSS 代码用于设置样式,

HTML 代码:在本节中,我们将创建节的结构。

脚步:

  • 创建一个包含类内容的 div 元素。
  • 在我们的内容 div 中创建另外四个带有类部分的 div。
  • 为每个 div 提供四个不同的 id。
  • 在每个 div 中包含一个带有适当标题的标题标签。
HTML


  

  
    
    
                    
                            

Welcome To

        
        
            

Geeks

        
        
            

For

        
        
            

Geeks

        
    


HTML


HTML


  

    

  

    
    
                    
                            

Welcome To

        
           
            

Geeks

        
           
            

For

        
                   
            

Geeks

        
    
  


CSS:我们将使用 CSS 为我们的部分提供一些结构。

HTML


完整代码:

HTML



  

    

  

    
    
                    
                            

Welcome To

        
           
            

Geeks

        
           
            

For

        
                   
            

Geeks

        
    
  

输出: