HTML and CSS Reference
In-Depth Information
Notice from the design of
Monoplate
that you have a
1px lighter line between the
#header
and
#page
?
You can create that using the
border
property.
Append it to either
#header
as a
border-bottom
or to
#page
as a
border-top.
Beside that line there is also a space between the
#header
and the
#page
actual content. Make use of
the
padding
property to create that space.
#page {
background:rgb(92,168,186);
background:-moz-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,
rgb(92,168,186)), color-stop(55%, rgb(223,246,234)), color-
top(100%,rgb(255,255,255)));
s
background:-webkit-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
background:-o-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
background:-ms-linear-gradient(top, rgb(92,168,186) 0%, rgb(223,246,234) 55%,
rgb(255,255,255) 100%);
border-top:1px solid #74b7c3;
padding:49px 0 0 0;
}
