css写箭头

最新推荐文章于 2023-12-18 20:26:13 发布

dengkecou4635

最新推荐文章于 2023-12-18 20:26:13 发布

阅读量321

点赞数

原文链接：http://www.cnblogs.com/maoyazhi/p/7238475.html

版权

/* 向上的箭头 */  
.dot-top {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-top-width: 0;  
    border-style: dashed;  
    border-bottom-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  
/* 向右的箭头 */  
.dot-right {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-right-width: 0;  
    border-style: dashed;  
    border-left-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;  
}  
/* 向下的箭头 */  
.dot-bottom {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  
/* 向左的箭头 */  
.dot-left {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-left-width: 0;  
    border-style: dashed;  
    border-right-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;  
}

转载于:https://www.cnblogs.com/maoyazhi/p/7238475.html