三角形示例(兼容IE6)

html代码:

<!--三角形的绘制-->
<div class="sanjiao"></div>

css代码:

.sanjiao{
  width: 0;
  height: 0;
  overflow: hidden;//主要处理IE6最小高度的问题

  border-width:10px ;
  border-color: #ff0000 transparent transparent transparent;
  border-style: solid dashed dashed dashed;//后面加dashed 可解决IE6下黑边框问题
}

 

posted @ 2015-08-01 09:33  绝版幸福  阅读(222)  评论(0编辑  收藏  举报