Hola LoBo2024, se puede hacer de varias maneras. Te paso un ejemplo a la ligera
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Roolover en párrafos y enlaces</title>
<style type="text/css">
#parrafo1{background-color:#c90;}
#parrafo1 a{display:block;text-decoration: none;height:300px;}
#parrafo1 a:hover{background-color:#990;height:300px}
#parrafo2{display:inline;}
#parrafo2 a{text-decoration: none;height:300px;widt:200px;background-color:#999;}
#parrafo2 a:hover{background-color:#ccc;height:300px;text-decoration:underline;}
</style>
</head>
<body>
<div id="parrafo1"><p><a href="www.forosdelweb.com">Este es el párrafo que te lleva a forosdelweb.com incluyendo todo un div entero.<br />
<span>Imagina que quieres seguir el contenido y así hasta hacer un div bastante largo...</span></a></p>
</div>
<div id="parrafo2"><p><a href="www.forosdelweb.com">Este es el párrafo que te lleva a forosdelweb.com incluyendo todo un div entero.<br />
<span>Imagina que quieres seguir el contenido y así hasta hacer un div bastante largo...</span></a></p>
</div>
</body>
</html> 