0

私は色付きの背景を持つdivの中に座っているテーブルを持っています。テーブル全体にborder-style：insetを使用しています。テーブルの各行には下の境界線が必要ですが、これも達成しました。ただし、これらの下の境界線はテーブルの幅全体に広がります。テーブルの左右に広い白い境界線があるかのように、左右に空白を入れたいのですが。

どうすればこれを達成し、同時にインセットを保存できますか？私が考えることができる唯一のことは、はめ込みのある外側の1セルテーブル内にすべてをネストすることです。もっとエレガントな方法はありますか？

FWIW、これが私の現在のコードです：

CSS

.table {
  width: 274px;
  height: 300px;
  border-collapse: collapse;
  background-color: #ffffff;
  border-color: #999999;
  border-style: inset;
}

.table td {
  margin: 6px 0px 6px 10px;
  padding: 6px 0px 6px 10px;
  border-bottom:thin;
  border-bottom-color: #999999;
  border-bottom-style: solid;
}

HTML

<div id="item" class="color1">
  <h3>TITLE</h3>
  <table class="table">
    <tr>
      <td>TEXT R1<C1/td>
      <td>TEXT R1 C2</td>
    </tr>
    <tr>
      <td>TEXT R2 C1</td>
      <td>TEXT RC C2</td>
    </tr>
   </table>
</div>
4

1 に答える 1

0

あなたが置くことができます

margin-right margin-left

テーブルの

padding-left padding-right

この空白をどのように見たいかによって異なります。

于 2012-10-02T14:06:02.787 に答える