html - 锥形渐变重复了很多次，我怎么能重复一次呢？-6ren

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

转载作者：行者123 更新时间：2023-11-28 13:57:27

25

4

<分区>

我设计了一个网站的主页，但是当我尝试放置背景颜色时，这些颜色重复了很多次我已经研究了 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

文章推荐： php - 将姓名拆分为名字和姓氏

html - 锥形 css 中可见的背景图像
如何以圆锥形显示背景图像，使圆锥外的部分不可见。示例而不是红色我得到锥形裁剪图像。 .cone{ width:0; height:0; background-image:url
css - 锥形 css 边框
如何在 www.khanacademy.org 的正文顶部周围创建一个锥形 css 边框.看起来他们正在做一些有 margin 的事情，但是当我将它复制到我的时它不起作用。这是我的 CSS: #cen
css - 锥形/淡化 CSS 框阴影？
我有一个我正在尝试构建的 CSS 下拉菜单，下拉菜单的背景有一个褪色/锥形框阴影: 我无法实现如何让方框阴影真正变细/淡出。这是我现在所在的位置:http://jsfiddle.net/Shpigf
ios - 在 iOS 上绘制动态角度(锥形)渐变的最快方法？
使用 Core Graphics，传统方法是绘制到上下文，然后绘制到屏幕。但是对于动态(用户更改颜色和位置的值)渐变，即使在 iPad Air 2 上，这在任何合理的大小下都非常慢。是否有某种方法可

首页

博学

6Ren·AI

商城

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