understanding background-color property
With Ref
http://www.w3schools.com/cssref/pr_background-color.asp
Quote:
The background of an element is the total size of the element, including padding and border (but not the margin).
But when I set top margin for body tag then its margin is also colored black. While if I move that style to p tag then it works for only p tag background and margin is not colored black.
HTML Code:
<body style="margin-top:200px; background-color: black; color:white; border: 1px solid red;">
<h1>Test</h1>
<p>Hello World!!</p>
</body>
What's I am understanding wrong?
Re: understanding background-color property
It's magic: the body background becomes the viewport background, unless you define them separately:
HTML Code:
<!doctype html>
<html style="background: white">
<body style="margin-top:200px; background-color: black; color:white; border: 1px solid red;">
<h1>Test</h1>
<p>Hello World!!</p>
</body>
</html>
