纯css三角形

 1 .sanjiaoxing {
 2             border-color: transparent rgb(255, 255, 255) transparent transparent;
 3             /* 改变三角形的方向 自行尝试
 4             border-color:rgb(255, 255, 255)  transparent transparent transparent;
 5             border-color:transparent transparent rgb(255, 255, 255)  transparent;
 6             border-color:transparent transparent transparent rgb(255, 255, 255) ;
 7             */
 8             border-style: solid;
 9             border-width: 8px;
10             display: inline-block;
11             float: right;
12             font-size: 0;
13             height: 0;
14             line-height: 0;
15             margin: 0 0 0 2px;
16             vertical-align: middle;
17             width: 0;
18         }            

 

posted @ 2015-04-28 16:08  flyfishing  阅读(130)  评论(0编辑  收藏  举报