我是这样定义table表格的!!

以下是css部分:

(注意表格中不要写高度,要不然会随着高度行距撑大!二是table中写上

border-collapse:collapse加上背景色;td中写出border的边框色,这样一个普通表格就写好了,这种写法是不是更简洁呢!

.timebox{width:174px;margin:0 auto;border-collapse:collapse;background:#eee}
.timebox td{padding:5px 15px;text-align:left;border:1px solid blue;}
以下是页面部分:
<table  class="timebox">  页面table头部这样写就可以了
                    <tr>
                        <td scope="col">剩余时间:</td>
                        <td rowspan="4" scope="col"><img src="images/time_26.png" width="42" height="60" /></td>
                    </tr>
                    <tr>
                        <td>1天</td>
                    </tr>
                    <tr>
                        <td>1小时</td>
                        </tr>
                    <tr>
                        <td>10分</td>
                    </tr>
     </table><!-- end  timebox -->
posted @ 2011-06-29 14:56  白羊与晚霞  阅读(387)  评论(3)    收藏  举报