Вопросы Теги

CSS - Граничьте только в таблице

nevermind я нашел ответ:

-p POST регистрирует файл, содержащий данные, которые программа отправит на сервер Apache в любых запросах POST HTTP. Содержание файла должно быть похожим name=value& something=other, с закодированным URL специальных символов.

http://httpd.apache.org/docs/2.4/programs/ab.html

187
задан Brian Tompsett - 汤莱恩 31 December 2016 в 10:59
поделиться

3 ответа

Если вы делаете то, что, я думаю, вы пытаетесь делать, вам понадобится что-то вроде этого: 

table {
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid black;
}
table tr:first-child th {
  border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
  border-right: 0;
}

jsFiddle Demo

Проблема в том, что вы устанавливаете «полная граница» вокруг всех ячеек, из-за чего создается впечатление, что у вас есть граница вокруг всей таблицы.

Ура.

РЕДАКТИРОВАТЬ: немного больше информации об этих псевдоклассах можно найти на quirksmode , и, как и следовало ожидать, вы в значительной степени являетесь SOL с точки зрения поддержки IE.

198
ответ дан 23 November 2019 в 05:46
поделиться

это должно работать: 

table {
 border:0;
}

table td, table th {
    border: 1px solid black;
    border-collapse: collapse;
}

редактировать:

Я только что попробовал, без рамки таблицы. но если я устанавливаю границу таблицы, она удаляется с помощью border-collapse.

это тестовый файл: 

<html>
<head>
<style type="text/css">
table {
    border-collapse: collapse;
    border-spacing: 0;
}


table {
    border: 0;
}
table td, table th {
    border: 1px solid black;
}


</style>
</head>
<body>
<table>
    <tr>
        <th>Heading 1</th>
        <th>Heading 2</th>
    </tr>
    <tr>
        <td>Cell (1,1)</td>
        <td>Cell (1,2)</td>
    </tr>
    <tr>
        <td>Cell (2,1)</td>
        <td>Cell (2,2)</td>
    </tr>
    <tr>
        <td>Cell (3,1)</td>
        <td>Cell (3,2)</td>
    </tr>
</table>

</body>
</html>
5
ответ дан 23 November 2019 в 05:46
поделиться

у меня это работает: 

table {
    border-collapse: collapse;
    border-style: hidden;
}

table td, table th {
    border: 1px solid black;
}

посмотреть пример ...

протестировано в FF 3.6 и Chromium 5.0, IE не поддерживает; из W3C :

Границы со «стилем границы» или «скрытым» имеют приоритет над всеми другими конфликтующими границами. Любая граница с этим значением подавляет все границы в этом месте.

186
ответ дан 23 November 2019 в 05:46
поделиться