先编写一个空元素,然后将它四个边框中的三个边框设为透明,剩下一个设为可见,就可以生成三角形效果:(IE6不支持透明)
.triangle { border-color: transparent transparent green transparent; border-style: solid; border-width: 0px 100px 100px 100px; height: 0px; width: 0px; }
2022-07-09 17:00:04
先编写一个空元素,然后将它四个边框中的三个边框设为透明,剩下一个设为可见,就可以生成三角形效果:(IE6不支持透明)
.triangle { border-color: transparent transparent green transparent; border-style: solid; border-width: 0px 100px 100px 100px; height: 0px; width: 0px; }