伪类实现书签样式

 

 <!--css-->

.border {

　　background: #099;

　　width: 60px;

　　height: 30px;

　　position: absolute;

　　right: 0;

}

.border::after {

　　position: absolute;

　　content: "";

　　top: 30px;

　　right: 0;

　　border-bottom: 10px solid transparent;

　　border-left: 10px solid #099;

}
<!--html-->

<div class="border"></div>