【CSS13】
この場合、リセットはしない
>以下できたソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>【CSS13】</title> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT-JIS" > <style type="text/css"> <!-- body {background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/w/web-design-advance/20120417/20120417094230.jpg"); background-repeat:repeat-y; } h2 {font-weight:bold; font-size:32px; margin-top:15px; color:#ffffff; background-color:#ce00ce; display:inline; padding:0 5px 0 5px; margin:0; } p {font-weght:bold; font-size:18px; margin:10px 0 10px 72px; width:300px; } //--> </style> </head> <body> <h2>BOX</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。 </p> </body> </html>
>以下できた画面