抱歉，如果這措辭不好，所以如果我有這樣的東西<body><main role="main" class="container"> <div class="row"> <div class="col-sm-4">1</div> <div class="col-sm-4">2</div> <div class="col-sm-4">3</div> <div class="col-sm-6">Some Text</div> <div class="col-sm-6">Some Text</div> <div class="col-sm-12">6</div></div></main></body>我想將 #test 的顏色更改為其他顏色，但如果我這樣做body { background-color: grey;}#test { background-color: yellow; background-size: cover;}它只會(huì)為網(wǎng)格的背景著色，而不是整個(gè)頁(yè)面。頁(yè)面的兩側(cè)將保持白色，我不知道如何解決這個(gè)問(wèn)題我希望黃色到達(dá)頁(yè)面邊緣黃色未到達(dá)的示例
2 回答
楊魅力
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超6個(gè)贊
對(duì)于頁(yè)面的 backgorung 添加 css 作為
body {
background-color: grey;
}
為了使網(wǎng)格的背景不同，將網(wǎng)格id作為#test并將CSS應(yīng)用為
#test {
background-color: yellow;
border: 1px solid red;
height: 20px;
}
并將你的main班級(jí)更改為
<main class = "container-fluid">
看看下面的圖片
注意： Body更改頁(yè)面整體的顏色，同時(shí)#test更改指定給相應(yīng)類(lèi)的測(cè)試 ID 的顏色。
慕勒3428872
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個(gè)贊
只需添加
#test
{
Background-color:grey;
background-size:cover}
- 2 回答
- 0 關(guān)注
- 194 瀏覽
添加回答
舉報(bào)
0/150
提交
取消