css里如何合并单元格

css

1101

2021/3/25 14:46:48

栏目: 编程语言

在css中合并单元格的方法：1.创建table表格；2.使用colspan属性跨行合并单元格；3.使用rowspan属性跨列合并单元格；

css里如何合并单元格

在css中合并单元格的方法

1.首先，在页面中创建一个table表格；

 <table>
   <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
   </tr>
   <tr>
     <td>4</td>
     <td>5</td>
     <td>6</td>
   </tr> 
 </table>

2.table表格创建好后，使用colspan属性跨行合并单元格；

 <table>
   <tr>
     <td colspan="3">1</td>
   </tr>
   <tr>
     <td>4</td>
     <td>5</td>
     <td>6</td>
   </tr> 
 </table>

3.使用rowspan属性跨列合并单元格；

 <table>
   <tr rowspan="2">
     <td>1</td>
     <td>2</td>
     <td>3</td>
   </tr>
 </table>

最新知识库