微信聊天框HTML标签,css实现微信聊天框

htmlhtml>

#item {        position: relative;        width: 150px;        min-height: 50px;        background: #25a23b;        border-radius: 5px;        line-height: 50px;        margin-left: 10px;        word-break: break-word;        color: white;        padding: 5px;        line-height: 18px;

}     #item::after {            content: "";            display: block;            position: absolute;            width: 0;            height: 0;            border: 8px solid transparent;            border-right-color: #25a23b;            top: 15px;            left: -14px;

}    

嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿        

实现效果图

作者：conquer_冷忆

链接：https://www.jianshu.com/p/0182a45ac3a8