HTML表のCSS境界問題

Question

ここに私のHTMLコードがあります。

<table cellspacing="0" class="assets_table"> 
<tbody> 
<tr class="table_header"><td>ID</td><td>Title</td><td>Regarding</td><td>Status</td><td>Date</td></tr> 
<tr><td>9</td><td>Testing</td><td>hijacked account</td><td></td><td> 4 Jan, 2012</td></tr></tbody> 
</table> 

ここにはそのCSSがあります。

.assets_table{width:100%;border-radius:4px 4px 0 0;border:1px solid #ccc;overflow:hidden} 
.assets_table .table_header{background:grey;height:30px;font-weight:bold;padding:0;border-top:1px solid #f9f9f9;} 
.assets_table td {padding:5px 10px} 
.assets_table tr {border-top:1px solid #ddd;padding:0 10px;} 

しかし、誰パディングやボーダーまたはボーダー半径の実用的に何もtr年代に動作しません。ここに私が得るものがある。 http://pastehtml.com/view/bjmptfulh.html

私は考えることができるすべてを試みましたが、何も動作しませんでしたか？私はdisplay:tableとdisplay:blockを試しましたが、ちょっとテーブルを台無しにします。どんな助け？

Answer 1

この投稿に記載されているように、CSS要素をtd要素に適用する必要があると思います。Space between two rows in a table? それ以外のコードは正常に見えます。

Answer 2

クロムでコードを表示すると、実際にはテーブルの丸いコーナーでも、他のすべてのスタイルでも機能します。 ChromeやWebkitブラウザ（safari、chrome）を使用していない場合は、他のborder-radiusタグを追加する必要があります。

mozilla（Firefox）の場合、-moz-border-radiusを追加する必要があります：4px 4px 0 0; Operaの場合、-o-border-radiusを追加する必要があります：4px 4px 0 0; -khtml-border-radiusも追加します：4px 4px 0 0;古いバージョンのOperaやKonqueror Webブラウザを使用しているブラウザの場合は、

また、同じマークアップを使用しているわけではないので、これらの異なるスタイルのスタイルの構文もチェックする必要があります。たとえば-moz-は-mox-border-radius-toprightを使用して右上の角を変更し、-webkit-は-webkit-border-top-left-radiusを使用して1つの角だけを調整します。

ここでは、ボーダー半径とこれらの新しいCSS3タグのいくつかの良い記事です。 Thsiの記事は、2009年からそのいくつかはすでに変更されているされて：あなたは

CSS Tricks border radius example