помещая интервал между самой левой и правой ячейками и границей таблицы

Question

Я делаю таблицу в HTML, и я не хочу, чтобы границы самой левой и самой правой ячеек расширялись до самой границы таблицы.Например:

| _ ___ |

Таким образом, как и в приведенном выше примере, хотя сами ячейки имеют непрерывную верхнюю границу, эта граница не распространяется полностью до внешней границы таблицы.Было бы здорово, если бы вы могли дать мне несколько советов, как это сделать.

Answer 1

Я не уверен, какой из этих примеров вам нужен.Ваше описание, кажется, противоположно вашему рисунку, но попробуйте это.

<div style="width:250px;padding:10px; border-left: solid black 1px;border-right: solid black 1px;">
<table width="100%" style="border-top: solid black 1px;border-bottom: solid black 1px;">
    <tr>
        <td>cell 1:1</td>
        <td>cell 1:2</td>
        <td>cell 1:3</td>
    <tr>
    <tr>
        <td>cell 2:1</td>
        <td>cell 2:2</td>
        <td>cell 2:3</td>
    <tr>
</table>
</div>
<br /><br />
<div style="width:250px;padding:10px; border-top: solid black 1px;border-bottom: solid black 1px;">
<table width="100%" style="border-left: solid black 1px;border-right: solid black 1px;">
    <tr>
        <td>cell 1:1</td>
        <td>cell 1:2</td>
        <td>cell 1:3</td>
    <tr>
    <tr>
        <td>cell 2:1</td>
        <td>cell 2:2</td>
        <td>cell 2:3</td>
    <tr>
</table>
</div>

Answer 2

Поместите DIV в ячейку и задайте стиль рамки / отступа для DIV вместо таблицы.