Html 背景色,为窗口CSS高度的50%
试图在“一分为二”的页面上实现背景;两种颜色在相对的边上,使用线性渐变进行此操作,但如果某些元素(div)的大高度背景色重复Html 背景色,为窗口CSS高度的50%,html,css,Html,Css,试图在“一分为二”的页面上实现背景;两种颜色在相对的边上,使用线性渐变进行此操作,但如果某些元素(div)的大高度背景色重复 <body> <div class="blocktest"> test </div> </body> 我想要50%的页面颜色1,其余页面颜色为颜色2使用min height而不是height: 正文{ 背景图像:线性梯度(#000 50%,#ffffff 0%); 最小高度:100vh; } .区块测试{ 高度
<body>
<div class="blocktest">
test
</div>
</body>
我想要50%的页面颜色1,其余页面颜色为颜色2使用
min height
而不是height
:
正文{
背景图像:线性梯度(#000 50%,#ffffff 0%);
最小高度:100vh;
}
.区块测试{
高度:1500px;
}
测试
后台重复:无重复?如果我没弄错的话。
body {
background-image: linear-gradient(#000 50%, #ffffff 0%);
height:100vh;
}
.blocktest {
height:1500px;
}