gpt4 book ai didi

css - 制作梯形标签形状

转载 作者:行者123 更新时间:2023-12-05 00:05:01 27 4
gpt4 key购买 nike

<分区>

我正在尝试复制 this menu feel但是我在制作不同标签的梯形时遇到了一些麻烦。我浏览了源代码,还在开发工具中一一删除了每个 css 属性,但我仍然没有弄明白。我也试过了

我做了一个JSFiddle试图复制它(目前没有梯形形状)。

<nav>
<ul>
<li class=" active"><a href="#">NEWS</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#"><span>TRUC</span></a></li>
<li><a href="#"><span>OTHERS</span></a></li>
</ul>
</nav>


nav{
background:white;
border-bottom: 2px solid #50bfff;
}
nav ul{
margin:0;
}
nav ul li{
display:inline-block;
}
nav a{
padding: 1rem;
color:#505050;
display:block;
text-decoration:none;
}
nav ul .active{
background:#50bfff;
}

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