首页 > 代码库 > 用css做小三角形

用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做小三角形