1

他の要素と同様に、テーブルに webkit の境界線の半径スタイルを設定できることは、私の理解でした。

HTML

<table class="list-table">
    <thead>
        <tr>
            <th>header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>tables are misunderstood</td>
        </tr>
    </tbody>
</table>

CSS

.list-table {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    border: 4px solid red;
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

...だから、どこが間違っているのですか？ライブ デモについては、こちらをご覧ください: http://bootply.com/79469#

4

3 に答える 3

4

border-collapse: collapse;ルールを取り除きます。

jsFiddle の例

于 2013-09-06T18:50:54.507 に答える
0 
.list-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 4px solid red;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

jsフィドル

于 2013-09-06T18:51:16.840 に答える
0

テーブルをdivに配置し、テーブルではなくdivで境界線の半径を設定します

http://bootply.com/79471

    div {
    border: 4px solid red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
于 2013-09-06T19:04:38.617 に答える