exercise CSS13 /ボックスモデル
○この場合、リセットはしない
<body> <h2>BOX</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。</p> </body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>【CSS11】</title> <style type="text/css"> <!-- body { margin-left: 0; background-image: url("20120417094230.jpg"); background-repeat: repeat-y; font-family: sans-serif; } h2 { color: #FFF; width: 70px; margin-left: 0; background-color: #D147CE; } p { color: #000; width: 400px; margin-left: 70px; line-height: 24px; } h2,p { padding-left: 5px; } --> </style> </head> <body> <h2>BOX</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。</p> </body> </html>