Home > Article > Web Front-end > Html Table 合并单元格_html/css_WEB-ITnose
Html Table 合并单元格_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:40:491152browse
<meta charset="UTF-8"> <title></title><ol> <li>基本表格</li> <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> <tr> <td>1.1</td> <td>1.2</td> <td>1.3</td> </tr> <tr> <td>2.1</td> <td>2.2</td> <td>2.3</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> </tr> </table> <br> <li>表格合并列</li> <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> <tr> <td colspan="3">1.1</td> <!--<td>1.2</td>--> <!--<td>1.3</td>--> </tr> <tr> <td>2.1</td> <td>2.2</td> <td>2.3</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> </tr> </table> <br> <li>表格合并行</li> <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> <tr> <td rowspan="3">1.1</td> <td>1.2</td> <td>1.3</td> </tr> <tr> <!--<td>2.1</td>--> <td>2.2</td> <td>2.3</td> </tr> <tr> <!--<td>3.1</td>--> <td>3.2</td> <td>3.3</td> </tr> </table> <br> <li>复杂表格</li> <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> <tr> <td>1.1</td> <td colspan="2">1.2</td> <!--<td>1.3</td>--> </tr> <tr> <td>2.1</td> <td rowspan="2"> 2.2 <br> 3.2 </td> <td>2.3</td> </tr> <tr> <td>3.1</td> <!--<td>3.2</td>--> <td>3.3</td> </tr> </table> <br> </ol>
效果如下：
小注：
表格部分基础知识：点击打开链接
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：CSS邻接选择器_html/css_WEB-ITnoseNext article：text-align属性有没有继承性_html/css_WEB-ITnose