如何保持網站的像素為960px但在X軸上出現背景斜紋

Question

我將整個網站放在帶有ID容器的div中。 容器的CSS是

#container {
    width: 960px;
    background: #FFFFFF;
    margin: 0 auto;
    border: 1px solid #000000;
    text-align: left;
}

但是問題在於它也將背景限制為960px。 我想排除背景，並使其充滿整個屏幕。 即在x軸上重復

Answer 1

使用以下代碼-應該可以：

的CSS

body {
width: 100%;
background: #fff;
}

的HTML

<body>
   <div id="container">
</body>

Answer 2

要做到這一點，

首先將您身體的左右邊緣（左右）設置為“自動”，這樣，身體下方的任何內容都將居中。

因此，這是第一個代碼：

body{
    margin: 0px auto;/* Centers your page */
    background-color: #898989; /* Add a nice background-color */
}

現在，對於div，重要的是為div定義一個寬度，因此，假設您的div具有一個名為container的ID：

#container{
    width: 960px;
}

'

而已！ ：DI希望對您有所幫助！

Answer 3

將background放在父元素上，例如。 body 。

body {background: url('...') repeat-x};
#container {width: 960px; ...}

Answer 4

只需將您想要的背景放在人體標簽中

body {
   background:whatever_you_want;
}