CSS爲容器着色

-1

我是這種語言的新手，所以我想知道如何着色容器（頁眉和頁腳之間的部分）。沒有使用div可能嗎？我試過這個，但問題是，當我將容器的位置更改爲「絕對」時，它會通過更改頁面的寬度來重疊頁眉。請給出一個示例代碼。謝謝。CSS爲容器着色

2015-10-10 Anubhav Marwaha

你是什麼意思的容器？什麼是HTML中的容器？ – tanjir

頁眉和頁腳之間的空間（主體空間） –

當你不使用div時，什麼是頁眉和什麼是頁腳？沒有頁眉頁腳標記。我相信你正在談論類名頭，頁腳和容器的div。所以你必須將你的風格應用於該div。如果你的div類被稱爲容器，在CSS中，你做#container {background：yourcolor; } – tanjir

html , body { 
    height: 100%; 
} 

body { 
    background: red; 
}

我做了HTML和身體100％以防萬一。你可能不需要它。但我建議你從來沒有裸體作爲你的背景。

編輯：或者，如果你想要一個像

body { 
background:url('http://www.planwallpaper.com/static/images/canberra_hero_image.jpg'); 
}

來源

2015-10-10 07:01:18 Paran0a

謝謝，但如果我想在該地區的圖像？ –

看看我編輯它的答案。解決問題時，請不要忘記標記正確的答案。 body { background：url（'http://www.planwallpaper.com/static/images/canberra_hero_image.jpg'）; } – Paran0a

但頁眉和頁腳的區域會將它從頂部和底部切掉？ –

https://jsfiddle.net/xqxrmm96/1/

HTML的

<html> 
<body> 
    <header></header> 
    <section></section> 
    <footer></footer> 
</body> 
</html>

CSS-

header { 
    height: 30px; 
    background-color: #e0e0e0; 
} 
section { 
    height: 60px; 
    background-color: #efefef; 
} 
footer { 
    height: 30px; 
    background-color: #e1e1e1; 
}

你可以做這樣的事情

來源

2015-10-10 07:08:17

管理，但在css部分下，例如。部分{position：absolute; height：60px; background-color：＃000; }，「位置」使它出錯。 –

和你想要什麼html結構？ –

header ||部分||頁腳 –

CSS爲容器着色

回答

相關問題