Как назначить цвет рамки каждой ячейки таблицы?

273

21 декабря 2016, 03:08

Привет, ребята! Я прохожу курс основ фронтенда, поэтому у меня много, наверно, абсолютно глупых вопросов. В общем, на этот раз я не знаю, как в таблице назначить рамку и цвет для каждой ячейки отдельно. Как на рисунке. Помогите, пожалуйста. Спасибо

Answer 1

Вы можете применить отдельные стили для каждого элемента вашей таблицы. Например так:

<!DOCTYPE HTML> 
<html> 
  <head> 
  <meta charset=utf-8"> 
  <title>Рамка</title> 
  </head> 
  <body> 
   <table style="width:100%"> 
  <tr> 
    <th style="border:2em solid #2f4f4f">Firstname</th> 
    <th style="border:2em solid #228b22">Lastname</th>  
    <th style="border:2em solid #ffa500">Age</th> 
  </tr> 
  <tr> 
    <td style="border:2em solid #0000cd">Eve</td> 
    <td style="border:2em solid #006400">Jackson</td> 
    <td style="border:2em solid #ffff00">94</td> 
  </tr> 
</table> 
  </body> 
</html>