gpt4 book ai didi

html - 如何更改 div 元素的背景颜色以匹配主体背景颜色?

转载 作者:太空狗 更新时间:2023-10-29 16:38:24 24 4
gpt4 key购买 nike

<分区>

在线性渐变背景中,我正在创建一个圆圈,并在其中创建一个小正方形。圆圈是道奇蓝,正方形应该有body的线性渐变,但问题是div元素的线性渐变位置与body背景不匹配。

我尝试使用 background:inherit 和 div 元素,但渐变与主体不匹配。

body {
background: linear-gradient(45deg, yellow, green);
background-size: 400% 400%;
}

.circle {
height: 150px;
width: 150px;
border-radius: 50%;
position: relative;
margin: auto;
background: dodgerblue;
}

.square {
height: 50px;
width: 50px;
transform: translate(250px, -100px);
background: inherit;
}
<body>
<div class="circle"></div>
<div class="square"></div>
</body>

Expected output Actual result Difference

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com