抱歉,如果这措辞不好,所以如果我有这样的东西<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 关注
- 109 浏览
添加回答
举报
0/150
提交
取消