gpt4 book ai didi

html - 锥形渐变重复了很多次,我怎么能重复一次呢?

转载 作者:行者123 更新时间:2023-11-28 13:57:27 25 4
gpt4 key购买 nike

<分区>

我设计了一个网站的主页,但是当我尝试放置背景颜色时,这些颜色重复了很多次我已经研究了 1 小时,但我没有找到解决方案。

我试过删除 DISPLAY: FLEX;并删除 BODY 的内容,但没有任何反应。

    * {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}

body {
font-family: 'Poppins', sans-serif;
background: conic-gradient(from 180deg,#86BBD8, #86BBD8, #5881AB, #5881AB);
}

header {
display: flex;
width: 90%;
height: 10vh;
margin: auto;
align-items: center;
}

nav {
flex: 1;
}

.nav-links {
display: flex;
justify-content: space-around;
list-style: none;
}

.nav-link {
text-decoration: none;
font-size: 24px;
line-height: 36px;
color: #564787;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
     <body>
<header>
<nav>
<ul class="nav-links">
<li><a href="#" class="nav-link">Inicio</a></li>
<li><a href="#" class="nav-link">Institución</a></li>
<li><a href="#" class="nav-link">Noticias</a></li>
<li><a href="#" class="nav-link">Contacto</a></li>
</ul>
</nav>
</header>
</body>

我希望圆锥梯度不重复

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