Html 倾斜/倾斜集管

无法理解如何制作或使用css。我指的是头球和旗子。这条线不直。它们有倾斜/倾斜的边缘。 请你举个例子，或者只是举例说明一下这是有效的

看看

HTML

---

他们使用一种技巧，使一些边界透明以创建三角形。有关此技术的更多信息，请访问

，非常简单。谢谢！

<div class="triangle-up-left"></div>

.triangle-up-left {
    width: 0;
    height: 0;
    padding-bottom: 10%;
    padding-left: 10%;
    overflow: hidden;
}
.triangle-up-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -500px;
    border-bottom: 500px solid transparent;
    border-left: 500px solid #4679BD;
}