Agus, eso se hace con el elemento '
margin' del css. Te dejo un ejemplo donde estan separados por 5px tanto arriba como abajo, a excepción del div2 que solo posee margin a los costados.
Código PHP:
<html>
<head>
<title>Divs with Margins</title>
<style>
#div1, #div2, #div3 {background-color: #f4f4f4; margin: 5px; width: 50px; height: 80px;}
#div2 {margin-top: 0px; margin-bottom: 0px; !important}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
PD: Para que tengan color y borde se usan background-color y border. Saludos.