实现效果:
CSS:
#out{height: 100px; width: 200px; border: 1px solid black; position: relative;
border-radius: 10px;}
#in{height: 10px; width: 10px; border-bottom: 1px solid black; position: absolute;
bottom: -6px;left: 48%; transform: rotate(45deg); background: white;
border-right: 1px solid black; }
HTML:
设置两个div
思路:
旋转 transform: rotate(45deg);
填充颜色并切除多余的边