CSS三角形制作样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS三角形制作样式相关的知识,希望对你有一定的参考价值。

.triangle{
display: block;
height: 0;
position: absolute;
width: 0;
border: 9px solid;
border-color: transparent #bbb;
border-right-width: 0;
}

<div class="triangle"></div>


以上是关于CSS三角形制作样式的主要内容,如果未能解决你的问题,请参考以下文章

为啥这个 CSS 片段可以画一个三角形? [复制]

css 三角形的制作

CSS - 制作三角形

css3制作网页中常见的小箭头

使用CSS3制作三角形小图标

解释下用div+css画三角形的原理.代码: