How Do I Achieve A Page-over-the-background Effect With Html/css?
I'm new to web design. I want to make my page look something like the one here: http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar where there's a ro
Solution 1:
This is the basic HTML and CSS style that page is currently using. So, they're wrapping all of their content in a <div> and applying that specific style class to the div.
HTML:
<body><divclass="wrap">
...Content...
</div></body>CSS:
body {
min-width: 0;
}
body {
color: #333333;
font: 100%/1.4 Georgia,serif;
margin: 0 auto;
max-width: 100%;
min-width: 830px;
padding: 0;
width: 62em;
}
<!--wrap class css code-->
.wrap {
-webkit-border-radius: 4px4px4px4px;
-moz-border-radius: 4px4px4px4px;
border-radius: 4px4px4px4px;
-webkit-box-shadow: 0016pxrgba(0, 0, 0, 0.1);
-moz-box-shadow: 0016pxrgba(0, 0, 0, 0.1);
box-shadow: 0016pxrgba(0, 0, 0, 0.1);
background: none repeat scroll 00#FFFFF0;
margin: 16px;
padding: 10px00;
position: relative;
}
Post a Comment for "How Do I Achieve A Page-over-the-background Effect With Html/css?"