在CSS Tricks上有很多不同的CSS形状- CSS的形状,我特别对三角形感到困惑:

#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}Run Code Online (Sandbox Code Playgroud)
<div id="triangle-up"></div>Run Code Online (Sandbox Code Playgroud)
它是如何以及为什么有效?
试图在菜单边做一个尖角,我使用了border-radius
.right-section-top-bar.row {
background-color: #44d2ff;
border-radius: 0 0 0 100px;
}
Run Code Online (Sandbox Code Playgroud)
但它没有给出尖锐的角落.但我不想要那个激进的部分.我也尝试制作一个三角形,然后用它来定位它,但我认为它不是最好的解决方案可能是之前和之后的一些事情.