html css javascript的语言 设置跨列 这样子的怎么 求全部的代码


这种涉及到 colspan, rowspan 复杂的表格,最好用可视化编辑器来做。


第一个表格

<table border="5" width="300" bordercolor="#ff0000">
    <tr>
        <td colspan="2">11</td>
        <td>11</td>
    </tr>
    <tr>
        <td>11</td>
        <td>11</td>
        <td>11</td>
    </tr>
    <tr>
        <td>11</td>
        <td colspan="2">11</td>
    </tr>
</table>


第二个表格

<table border="1" width="300" cellspacing="10" cellpadding="10" bordercolor="#ff0000">
    <tr>
        <td rowspan="2">
        <table border="1" width="100%" bordercolor="#0000ff">
            <tr>
                <td rowspan="2">33</td>
                <td>33</td>
                <td>33</td>
            </tr>
            <tr>
                <td>33</td>
                <td>33</td>
            </tr>
        </table>
        </td>
        <td>22</td>
        <td>22</td>
    </tr>
    <tr>
        <td>22</td>
        <td rowspan="2">
        <table border="1" width="100%" bordercolor="#555555">
    芹碰        <tr>
                <td rowspan="2">66</td>
                <td>55</td>
   纳慧             <td>55</td>
            </tr>
            <tr>
                <td colspan="2">55</td>洞首答
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td>22</td>
        <td>22</td>
    </tr>
</table>

colspan="4" 这个是跨列,4代表4列, rowspan="2"这个是跨掘埋胡行,2代表跨两行,这是很基础的CSS属性,网页液数特效,Jquery乐园判拦中很多