CSS表边框

时间:2014-01-11 09:00:03

标签: html css html-table

HI看看这个简单的代码:

http://jsfiddle.net/8GsZa/

我想要的是这样的:

enter image description here

.tborder类添加到trtd无法正常工作。

3 个答案:

答案 0 :(得分:6)

使用可能解决问题的css border-collapse属性

.tborder
{
    border-collapse:collapse;
}
.tborder,.tborder td,.tborder th
{
    border:1px solid #427BD6;
}

FIDDLE DEMO

答案 1 :(得分:2)

Demo Fiddle Here

在您的css中提及.tborder tr td

    .tborder tr td
    {
       border:1px solid #427BD6;
    }

答案 2 :(得分:0)

           <table border="0" class="tborder" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="center">Title1</td>
                        <td align="center">Title2</td>
                    </tr>
                    <tr>
                        <td>test1</td>
                         <td>test2</td>
                    </tr>
                </table>

.tborder tr td{
  border:1px solid #427BD6;
  }