html表单元素的colspan和rowspan

 

colspanrowspan这两个属性用于创建特殊的表格。

colspan用来指定单元格横向跨越的列数:colspan就是合并列的,colspan=2的话就是合并两列。

rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的,比如rowspan=2就是合并两行,

  • rowspan通常使用在tdth标签中
  • row:行,span:跨度,跨距,范围
  • col:列,span:跨度,跨距,范围
 
   
<body>
<table border="1" width="300">
    <tr>
        <td>1td>
        <td>2td>
        <td>3td>
    tr>
    <tr>
        <td>4td>
        <td>5td>
        <td>6td>
    tr>
table>
br>
<table border="1" width="300">
    <tr>
        <td colspan=3>合并第一行的三列td>
    tr>
    <tr>
        <td>4td>
        <td>5td>
        <td>6td>
    tr>
table>
br>
<table border="1" width="300">
    <tr>
        <td rowspan="2">合并第一列的两行td>
        <td>2td>
        <td>3td>
    tr>
    <tr>
        <td>5td>
        <td>6td>
    tr>
table>
body>

 


在浏览器中将显示如下

html表单元素的colspan和rowspan_第1张图片

 

你可能感兴趣的:(html表单元素的colspan和rowspan)