抱歉，如果這措辭不好，所以如果我有這樣的東西<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;}它只會為網格的背景著色，而不是整個頁面。頁面的兩側將保持白色，我不知道如何解決這個問題我希望黃色到達頁面邊緣黃色未到達的示例
2 回答
楊魅力
TA貢獻1811條經驗 獲得超6個贊
對于頁面的 backgorung 添加 css 作為
body {
background-color: grey;
}
為了使網格的背景不同，將網格id作為#test并將CSS應用為
#test {
background-color: yellow;
border: 1px solid red;
height: 20px;
}
并將你的main班級更改為
<main class = "container-fluid">
看看下面的圖片
注意： Body更改頁面整體的顏色，同時#test更改指定給相應類的測試 ID 的顏色。
- 2 回答
- 0 關注
- 175 瀏覽
添加回答
舉報
0/150
提交
取消