Как раскрасить одну ячейку в таблице на html?

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

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

Как раскрасить одну ячейку в таблице на html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от meta , 2 года назад

@montana_hand  Раскрасить одну ячейку в таблице на HTML можно так:


HTML:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
 <table>
      <tr>
        <th colspan="2">Животное</th>
        <th>Возраст</th>
      </tr>
      <tr>
        <td>Кошка</td>
        <td>Мурка</td>
        <td style="background-color: blue;">4</td>
      </tr>
      <tr>
        <td>Собака</td>
        <td>Жучка</td>
        <td>7</td>
      </tr>
    </table>


CSS:

1
2
3
4
5
table,
th,
td {
  border: 2px solid blue;
}


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

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

@montana_hand 

Чтобы раскрасить одну ячейку в таблице HTML, вы можете добавить стиль CSS с атрибутом "background-color" в тег "td".


Например:

1
2
3
4
5
6
<table>
  <tr>
    <td style="background-color: yellow;">ячейка 1</td>
    <td>ячейка 2</td>
  </tr>
</table>


В этом примере ячейка 1 будет окрашена в желтый цвет.