Каленьдарь 2014

by pharma_nsk

HTML

<body>
<div>
<table>
<caption>2014</caption>
<tr>
  <td><a href="#">Декабрь</a></td>
  <td><a href="#">Ноябрь</a></td>
  <td><a href="#">Октябрь</a></td>
</tr>
<tr>
<td><a href="#">Сентябрь</a></td>
  <td><a href="#">Август</a></td>
  <td><a href="#">Июль</a></td>
</tr>
<tr>
<td><a href="#">Июнь</a></td>
  <td><a href="#">Май</a></td>
  <td><a href="#">Апрель</a></td>
</tr>
<tr>
<td><a href="#">Март</a></td>
  <td><a href="#">Февраль</a></td>
  <td><a href="#">Январь</a></td>
</tr>
</table>
</div>
</body>

CSS

body {background-color:white; font-size:18px;}
div {display:block; width:300px; margin:30px auto;}
table {border-collapse:collapse;}
table caption {font-weight:bold; background-color:#7DC4FF; padding:5px 0;}
td {border:2px solid #7DC4FF; padding:5px 8px;}
a {text-decoration:none; color:black;}
td:hover {background-color: #FFD9F9;}