ul {
  clear: both;
  display: block;
  margin-top: 10px;
}

li {
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

li a {
  border: 1px solid #000;
  color: #000;
  display: block;
  font-size: 90%;
  height: 100px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 100px;
}

li a:hover {
  border: 1px solid #f00;
  color: #333;
}

li:nth-child(1n) {
  background-color: #F6E9EB;
}

li:nth-child(2n) {
  background-color: #E9F0EB;
}

li:nth-child(3n) {
  background-color: #E7EFF6;
}

li:nth-child(4n) {
  background-color: #F9F3E6;
}