用css做小三角形

Posted

tags:

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

   刚开始学习css时发现许多web页面上的选项卡上有很多小三角形,而且鼠标hover效果时,三角形会翻转且会出现下拉列表。后来学习了bootstar前端框架,才知道可以直接从上面引用三角形图标。

但是经过一番深究,其实也可以用css做出这个小三角。

     

.box{ width:0; height:0; border-width:6px 6px 0; border-color:green transparent transparent; border-style:solid; }即可写出一个小三角形。

 

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

用css创建一个三角形

用CSS画一个三角形

CSS实现三角形

实现css中三角形写法

Effective前端3:用CSS画一个三角形

Effective前端3:用CSS画一个三角形