利用Border画三角形

Posted

tags:

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

边框

1.边框其实并不是矩形,而是梯形

技术分享

 

2.利用边框画三角形:

div.a{

width:0px;

height:0px;

border:10px  white solid;

border-top-color:red;}

 

div.b{

width:0px;

height:0px;

border:5px white solid ;

border-left-color:red;}

    效果如下:

                        技术分享

 

以上是关于利用Border画三角形的主要内容,如果未能解决你的问题,请参考以下文章

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

2017年总结的前端文章——border属性的多方位应用和实现自适应三角形

用border-width,border-color画三角形

用CSS border相关属性画三角形

CSS三角形绘制

Sass mixin 使用css border属性画三角形