0

表の行の背景色を設定して、視覚的な存在感を与えています。私は、行の角を丸めるという非常に単純だと思ったことをするのに苦労しました。テーブル全体で動作するクラスを作成しましたが、行で動作させることができません。（テーブルには丸めるべきではないものが含まれているため、テーブル全体に配置することはできません。）クラスをテーブル行に配置しようとしましたが、その中にテーブルセルがあり、すべてが役に立ちませんでした。提案をいただければ幸いです。

CSS

<head>
    <style>
        .rounded { 
            -moz-border-radius: 15px; 
            border-radius: 15px; 
        }
    </style>
</head>

html

<table>
    <tr><td colspan=3 >Some stuff at top of table where background is white</td></tr>
    <tr style="background-color:silver" class="rounded">
        <td colspan=3 class="rounded"><span class="rounded">Text where background is shaded where I want background shaded</span></td>
    </tr>
</table>
4

1 に答える 1

3

この質問への答えはおそらくあなたを助けるでしょう (テーブルの行で角を丸くすることは可能ではないようです...少なくともすべてのブラウザーではそうではありません.):

表示上の CSS3 境界線の半径:table-row 要素

注: この質問は div を行として表示することに関するものですが、行を使用することと同等です。

于 2013-04-14T09:36:56.883 に答える