📜  如何在元素之间添加空格?

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

我们可以使用普通的 CSS 在表格中进行更改,这里我们将使用 border 属性来指定不同 tbody 元素之间的间距。

不需要先验和深入的知识,它只是基本的 CSS 和 HTML 技巧。

注意:唯一需要注意的是,tbody 标签内必须有一个“tr”标签。

示例 1:下面给出了使用 border-top 属性给出元素之间间距的代码。




  
  
  Document



    
      
          
            
            
          
          
            
            
          
      
      
          
            
            
          
          
            
            
          
      
      
          
            
            
          
          
            
            
          
      
    
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks

输出:

示例 2:在下面给出的示例中,我们使用了 Before 选择器属性。这有助于在 tbody 元素之间提供边距,因此下面给出了代码。此外,我们在表中使用了 overflow:hidden属性来防止 before 元素溢出。




  
  
  Document



    
      
          
            
            
          
          
            
            
          
      
      
          
            
            
          
          
            
            
          
      
      
          
            
            
          
          
            
            
          
      
    
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks
Geeks for GeeksGeeks for Geeks

输出: