<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cajas con enlaces</title>
<style type="text/css">
.capa1 {
color: #FFF;
background-color: #9C9;
border: thin solid #060;
}
.capa1 a:hover {
background-color: #FF0;
}
.capa2:hover a {
background-color: #0FF;
}
.capa2 {
background-color: #CCF;
}
</style>
</head>
<body>
<div class="capa1">
<p>CAJA1</p>
<p><a href="">Barcelona</p>
<p><a href="">Girona</a></p>
<p><a href="">Tarragona</a></p>
</div>
<div class="capa2">
<p>CAJA2</p>
<p><a href="">Barcelona</a></p>
<p><a href="">Girona</a></p>
<p><a href="">Tarragona</a></p>
</div>
</body>
</html>