從底部兩側開始頁面背景 - CSS

我有一個頁面，其背景圖像爲<body>。圖像可能只保留在頁面的底部，並在整個x中可見，我不希望它跨x和y重複全身。從底部兩側開始頁面背景 - CSS

圖像看起來像下面;

Tile

我想這個形象片瓦，X，但想從兩邊左，右重複。圖像可能從左側和右側開始;

Structure

在它們之間是內容<div>通過這樣做，圖像可能會看起來好像它有整個頁面的寬度。我可以簡單地使用repeat-x來做到這一點，但它會在結束部分創建一些不完整的拼貼部分。

完成的頁面可能如下圖所示：

enter image description here

這可能與CSS？我想你明白我在說什麼。如果你想要額外的信息，只需評論。

你可以這樣寫：

div{ 
background:url(image1.jpg) repeat-x bottom left,url(image1.jpg) repeat-x bottom right; 
}

2012-05-11 09:55:12 sandeep

+1 @sandeep，但我怎樣才能增添色彩？ –

這樣寫背景顏色：紅色; – sandeep

它不能與上面的代碼一起工作。你測試過完整的代碼嗎？ –

回答