利用伪元素与边框制作三角形

Posted Woooooooc

tags:

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

.nav_ul li:nth-child(1)::after
content: \'\';
position: absolute;
left: 50px;
top: 3px;
width: 0;
height: 0;
border-width: 0 0 10px 10px;
border-style: solid;
border-color: red gold salmon transparent;

以上是关于利用伪元素与边框制作三角形的主要内容,如果未能解决你的问题,请参考以下文章

如何用伪类画出一个三角形

web中利用边框制作三角形

边框制作三角形

边框只占用元素而不是伪元素

前端小技巧利用border画三角形及梯形

前端小技巧利用border画三角形及梯形