余白には「padding(「詰め物」の意)」と「margin(「へり・余白」の意)」の2種類があります。
見出し1と見出し3にpaddingを指定します。
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;
}
h3{
color:#ffffcc;
background-color:#cc9966;
padding-left:10px;
}