如何通过HTML/CSS实现页面背景效果？

我是网页设计新手。我想让我的页面看起来像这样：http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar 在灰色背景上有一个圆角矩形，其中包含所有内容。我该怎么做呢？如何通过HTML/CSS实现页面背景效果？

来源

2011-10-24 ahota

这是页面当前使用的基本HTML和CSS样式。因此，他们将所有内容都包装在<div>中，并将该特定样式类应用于div。

HTML：

<body> 
    <div class="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: 4px 4px 4px 4px; 
    -moz-border-radius: 4px 4px 4px 4px; 
    border-radius: 4px 4px 4px 4px; 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); 
    background: none repeat scroll 0 0 #FFFFF0; 
    margin: 16px; 
    padding: 10px 0 0; 
    position: relative; 
}

来源

2011-10-24 22:11:19 kafuchau

打我给它:( –

记住边界半径和箱阴影与WebKit的前缀（老年人webkits），并没有前缀（适用于所有现代浏览器） –

添加Rich正在讨论的其他样式标签。 – kafuchau

如何通过HTML/CSS实现页面背景效果？

回答

相关问题