Skip to content Skip to sidebar Skip to footer
Home / Css / Html

How Do I Achieve A Page-over-the-background Effect With Html/css?

Post a Comment
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?"