0

私はテーブル用にこのcssを持っています:

      .table_stats tr:last-child td:first-child{
        -moz-border-radius:0 0 0 6px;
        -webkit-border-radius:0 0 0 6px;
        border-radius:0 0 0 6px;
    }

   .table_stats tr:last-child td:last-child{
        -moz-border-radius:0 0 6px 0 ;
        -webkit-border-radius:0 0 6px 0 ;
        border-radius:0 0  6px 0 ;
    }

私が必要とするのは、その周りに白い色の別の境界線です..境界線で行うことは可能ですか? それにいくらかの幅を与えますか？

また、テーブルの周りに div を配置し、次の css を指定しました。

.table_stats{
    border-color: white;
   border-width:2px;
        -moz-border-radius: 6px 6px  ;
    -webkit-border-radius: 6px 6px  ;
    border-radius: 6px 6px ;
}

まだ機能しませんでした..テーブルの周りに余分な境界線はありません。

HTML マークアップ:

       <div class="table_stats">
      <table border="0" width="800px" style="margin-top: 100px;" cellspacing="0px" class="table_stats">
   </table>  
              </div>
4

1 に答える 1

1

実際の動作を確認するには、 a を指定する必要がありますborder-style。とにかく、あなたのテーブルには 100px の上余白があります。それを削除display:inline-block;して div に追加してみてください (または 100% に拡大されます)。それはトリックを行う必要があります

デモ

HTML:

<div class="table_stats">
<table border="0" width="800" cellspacing="0" class="table_stats">
</table>
</div>​

CSS:

div.table_stats{
    margin-top:100px;
    display:inline-block;
    border-color: white;
    border-width:2px;
    border-style:solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px ;
}
于 2012-10-10T09:49:06.303 に答える