如何通過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實現頁面背景效果？

回答

相關問題