/*----------------三角形 ············*/
#demo {
width: 100px;
height: 100px;
background: #fff;
position: relative;
top:300px;
border: 2px solid #000;
}
#demo:after, #demo:before {
width: 0;
height: 0;
content: "";
border: solid transparent;
position: absolute;
left: 100%;
}
#demo:after {
border-width: 10px;
border-left-color: #fff;
top: 20px;
}
#demo:before {
border-width: 12px;
border-left-color: #000;
top: 18px;
}
右侧
.g-left-nav_child:after {
position:absolute;
top:0;
bottom: 0;
margin: auto;
right:-20px;
border-top:10px solid transparent;
content:" ";
width:0px;
height:0px;
border-right:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid red;
}