读书人

!这样的表格代码要怎么编写

发布时间: 2012-04-25 19:32:32 作者: rapoo

求助!这样的表格代码要如何编写?


左边那几个框无论如何也没法弄成
1
1
1

这样的排布,老是变成

1 1 1

啊,还有右边那些怎么并过去?求大侠解答!

[解决办法]
http://www.w3school.com.cn/tags/tag_td.asp

td 得colspan rowspan
[解决办法]
是要这样的吗?

HTML code
<table width="200" border="1">  <tr>    <td width="16" rowspan="5">课堂教学</td>    <td width="18" rowspan="3">讲课</td>    <td width="144">课堂教学</td>  </tr>  <tr>    <td>课堂教学</td>  </tr>  <tr>    <td>课堂教学</td>  </tr>  <tr>    <td rowspan="2">讲课</td>    <td>课堂教学</td>  </tr>  <tr>    <td>课堂教学</td>  </tr></table>
[解决办法]
HTML code
<table cellpadding="1" cellspacing="1" border="1" width="100%"><tbody>    <tr>        <td rowspan="8">a1</td>        <td rowspan="6">b1</td>        <td>c1</td>    </tr>    <tr>        <td>c2</td>    </tr>    <tr>        <td>c3</td>    </tr>    <tr>        <td>c4</td>    </tr>    <tr>        <td>c5</td>    </tr>    <tr>        <td>c6</td>    </tr>    <tr>        <td rowspan="2">b2</td>        <td>c7</td>    </tr>    <tr>        <td>c8</td>    </tr></tbody></table>
[解决办法]
这个不难 无非就是 colspan rowspan的灵活运用。。。。

读书人网 >CSS

热点推荐