css 实心向左小箭头 - css

一、css 实心向左小箭头

二、效果

三、代码

css;toolbar:false"><style>
.left{
 position: absolute;
}
.left:before,.left:after{
 position: absolute;
 content: '';
 border-top: 10px transparent dashed;
 border-left border-right: 10px transparent dashed;
 border-bottom: 10px transparent dashed;
 border-right: 10px #fff solid;
}
.left:before{
 border-right: 10px #0099CC solid;
}
.left:after{
 left: 10px; /*覆盖并错开1px*/
 border-right: 10px #fff solid;
}
</style>
<div class="left"></div>

.....

转载请注明：谷谷点程序 » css 实心向左小箭头