Name: Онлайн редактор CSS SCHOOLSW3
Rating: 4.8 (1247 reviews)
Author: SCHOOLSW3

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Шикарная таблица — schoolsw3.com</title>
  <style>
  #customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
  }

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
  }
  </style>
 </head>
 <body>

<h1>CSS Шикарная таблица</h1>

<table id="customers">
   <tr>
     <th>Компания</th>
     <th>Контакты</th>
     <th>Страна</th>
   </tr>
   <tr>
     <td>Alfreds Futterkiste</td>
     <td>Maria Anders</td>
     <td>Германия</td>
   </tr>
   <tr class="alt">
     <td>Berglunds snabbkцp</td>
     <td>Christina Berglund</td>
     <td>Швеция</td>
   </tr>
   <tr>
     <td>Centro comercial Moctezuma</td>
     <td>Francisco Chang</td>
     <td>Мексика</td>
   </tr>
   <tr class="alt">
     <td>Ernst Handel</td>
     <td>Roland Mendel</td>
     <td>Австралия</td>
   </tr>
   <tr>
     <td>Island Trading</td>
     <td>Helen Bennett</td>
     <td>Великобритания</td>
   </tr>
   <tr>
     <td>Kцniglich Essen</td>
     <td>Philip Cramer</td>
     <td>Германия</td>
   </tr>
   <tr>
     <td>Laughing Bacchus Winecellars</td>
     <td>Yoshi Tannamuri</td>
     <td>Канада</td>
   </tr>
   <tr>
     <td>Magazzini Alimentari Riuniti</td>
     <td>Giovanni Rovelli</td>
     <td>Италия</td>
   </tr>
   <tr>
     <td>North/South</td>
     <td>Simon Crowther</td>
     <td>Великобритания</td>
   </tr>
   <tr>
     <td>Paris spйcialitйs</td>
     <td>Marie Bertrand</td>
     <td>Франция</td>
   </tr>
  </table>

</body>
</html>

Сообщить об ошибке: