我们使用 border-collapse 属性在 HTML 中创建折叠边框。 border-collapse 是一个 CSS 属性，用于设置表格边框应折叠为单个边框或在 HTML 中与其自己的边框分开。

Border-collapse 属性有四个值：separate、collapse、initial、inherit。

随着价值崩溃

如果将折叠作为 border-collapse 属性的值传递，则表格的边框将简单地折叠为单个边框。以下是在 HTML 中创建折叠边框的语法。

border-collapse: collapse;

示例 1

在下面给出的示例中，我们尝试在 HTML 中创建折叠边框 -

       
  
Tables in HTML
 
 
 
First Name 
 
Job role
 
 
 
Tharun
 
Content writer
 
 
 
Akshaj
 
Content writer
 
 
  

以下是上述示例程序的输出。

示例 2

让我们看另一个例子，将折叠作为 border-collapse 属性的值 -

    
  
Technologies
 
 
 
IDE
 
Database
 
 
 
NetBeans IDE
 
MySQL
 
 
  

以分离为值

如果我们通过传递separate作为border-collapse属性的值来创建折叠边框，则各个单元格将被包裹在单独的边框中。

border-collapse:separate;

示例 1

在下面给出的示例中，我们尝试在 HTML 中创建单独的折叠边框。

       
  
Tables in HTML
 
 
 
First Name 
 
Job role
 
 
 
Tharun
 
Content writer
 
 
 
Akshaj
 
Content writer
 
 
  

以下是上述示例程序的输出。

示例 2

让我们看另一个例子，其中将 split 作为 border-collapse 属性的值 -

    
  
Technologies
 
 
 
IDE
 
Database
 
 
 
NetBeans IDE
 
MySQL
 
 
  

以初始值作为值

如果将initial作为 border-collapse 属性的值传递，它将设置为其默认值，即单独的。以下是语法，它使用 HTML 中的 border-collapse 属性的初始属性。

border-collapse:initial;

示例

下面给出一个示例，它使用 HTML 中的 border-collapse 属性的初始属性。

       
  
Tables in HTML
 
 
 
First Name 
 
Job role
 
 
 
Tharun
 
Content writer
 
 
 
Akshaj
 
Content writer
 
 
  

Das obige ist der detaillierte Inhalt vonWie erstelle ich einen reduzierbaren Rahmen in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!