纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）

http://www.cnblogs.com/top5/archive/2012/02/14/2351959.html

 

<span id="custom-next" class="custom-next"></span>

 

.custom-header nav span {

1. position: absolute;
2. top: 17px;
3. width: 30px;
4. height: 30px;
5. color: transparent;
6. cursor: pointer;
7. margin: 0 1px;
8. font-size: 20px;
9. line-height: 30px;
10.  
    -webkit-touch-callout: none;
11. -webkit-user-select: none;
12.  
    -khtml-user-select: none;
13.  
    -moz-user-select: none;
14.  
    -ms-user-select: none;
15.  
    user-select: none;

}

 

 

 

.custom-header nav span:before {

1. font-family: 'fontawesome-selected';
2. color: #59a6de;
3. position: absolute;
4. text-align: center;
5. width: 100%;

}

 

.custom-header nav span.custom-next:before {

1. content: '\25b8';

}