css - 问个简单的问题

问题描述

问 题

这种效果如何实现，左边三角形的边框

解决方案

<div id="talkbubble"></div>
#talkbubble {
           width: 120px;
           height: 80px;
           background: red;
           position: relative;
           -moz-border-radius:    10px;
           -webkit-border-radius: 10px;
           border-radius:         10px;
        }
        #talkbubble:before {
           content:"";
           position: absolute;
           right: 100%;
           top: 26px;
           width: 0;
           height: 0;
           border-top: 13px solid transparent;
           border-right: 26px solid red;
           border-bottom: 13px solid transparent;
        }

这篇关于css - 问个简单的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！