HTML, CSS - Форум программистов и сисадминов Киберфорум https://www.cyberforum.ru/ Форум HTML, CSS. Обсуждение языка разметки HTML и каскадных таблиц стилей CSS. Верстка страниц. ru Sat, 09 May 2026 06:16:09 GMT vBulletin 60 https://www.cyberforum.ru//cyberstatic.net/images/misc/rss.jpg HTML, CSS - Форум программистов и сисадминов Киберфорум https://www.cyberforum.ru/ Назначение разных стилей таблицам - HTML, CSS https://www.cyberforum.ru/html/thread3222829.html Mon, 04 May 2026 22:31:41 GMT Если нужно сделать таблицу с границами в каждой ячейке, делается так:
:
<style>
table, td, th {
border: 1px solid black;
border-spacing: 0;
border-collapse: collapse;
}</style>
Но мне нужно сделать несколько таблиц, одна из них с границами в каждой ячейке, в другой границы вообще должны отсутствовать. Как это сделать? Попробовал сделать так:
:
<style>
.tb1 {
border: 1px solid black;
border-spacing: 0;
border-collapse: collapse;
}
.tb2 {
border: 0px solid black;
border-spacing: 0;
border-collapse: collapse;
}
</style>
...
<table style="tb1">...</table>
<table style="tb2">...</table>
Но в этом случае у первой таблицы будет граница только по контуру.
Есть какой-то выход? (Ну, кроме прописывания стиля каждой ячейке)? ]]> HTML, CSS Massaraksh7 https://www.cyberforum.ru/html/thread3222829.html Не убирается правая граница в ячейке таблицы - HTML, CSS https://www.cyberforum.ru/html/thread3222826.html Mon, 04 May 2026 20:15:04 GMT Разбираюсь с таблицами в HTML. Почему убирается левая граница в ячейке строки 2, колонка 3, и не... Разбираюсь с таблицами в HTML.
Почему убирается левая граница в ячейке строки 2, колонка 3, и не убирается правая? Как это обойти?
Строка 33.
:
<html>
<head>
<meta content="text/html; charset=UTF-8">
<style>
.tb {border:none}
.ta {border-right:none}
</style>
<style>
table, th, td {
border: 1px solid black;
border-spacing: 0;
border-collapse: collapse;
font-family: 'Times New Roman';
font-size: 12px;
}
</style>
<style> table {table-layout:fixed;width: 600px;} </style>
<style>
.tf {font-family: 'Arial'; font-size: 20px; text-align: center; vertical-align: middle;}
.cl {background-color: #ffeedd; width: 200px;}
.ha {text-align: center; vertical-align: bottom;}
</style>

</head>
<body>
<table>
<colgroup>
  <col span="2"/>
  <col class="cl"/>
</colgroup>
<tr style="height: 80px">  <td>111</td>  <td class="tf">222</td>  <td class="ha">333</td> </tr>
<tr>  <td>444</td>  <td style="border-right:0;">555</td>
<td style="border-left:0;border-right:0;">ббб</td></tr>
<tr>  <td class="ta">777</td>  <td class="tb">888</td>  <td>999</td></tr>
</table>
</body>
</html>
]]> HTML, CSS Massaraksh7 https://www.cyberforum.ru/html/thread3222826.html