html - 您好，如何使用 CSS 绘制三角形？

Question

可能重复：
这个 CSS 三角形是如何工作的？

请帮助我，我需要你的建议。

Answer 1

例如：

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

http://css-tricks.com/snippets/css/css-triangle/

Answer 2

在此处查看有关如何使用 CSS 绘制三角形的说明。这是一个例子：

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

CSS技巧可以在这里找到