余白には「padding（「詰め物」の意）」と「margin（「へり・余白」の意）」の2種類があります。
見出し2と見出し3の上部にmarginを指定します。
body{
color:#000000;
background-color:#ffffcc;
}
h1{
color:#ffffff;
background-color:#666699;
padding:20px 10px;
}
h2{
color:#cc9966;
background-color:#ffffcc;
border-bottom:solid 2px #cc9966;
margin-top : 40px;
}
h3{
color:#ffffcc;
background-color:#cc9966;
margin-top : 40px;
padding:20px 10px;
}