Как поменять цвет текста в таблице в css?

Пользователь

от carlo.cummerata , в категории: HTML/CSS , 2 года назад

Как поменять цвет текста в таблице в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от patrick.little , 2 года назад

@carlo.cummerata  Поменять цвет текста в таблице в CSS можно так:


HTML:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<body>
    <table>
        <tr>
            <th>Животное</th>
            <th>Кличка</th>
        </tr>
        <tr>
            <td>Кошка</td>
            <td>Мурка</td>
        </tr>
        <tr>
            <td>Собака</td>
            <td>Жучка</td>
        </tr>
    </table>



CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
table,
th,
td {
  border: 2px solid black;
}
table {
  width: 100%;
}
th {
  color: red;
}
td {
  color: blue;
}


Пользователь

от nikko , год назад

@carlo.cummerata 

Вы можете изменить цвет текста в таблице, используя CSS. Для этого можете использовать следующий код:

1
2
3
table td {
  color: red;
}


Это изменит цвет текста во всех ячейках таблицы на красный. Если вы хотите изменить цвет текста только в определенных ячейках, можете использовать классы или идентификаторы для целевых ячеек.