我想给上方有三角形的 div 添加边框
问题在于边框未被应用到三角形部分
body {
background-color: #F3F5F6;
}
.info-panel {
display: block;
position: relative;
background: #FFFFFF;
padding: 15px;
border: 1px solid #DDDDDD;
margin-top: 20px;
}
.info-panel:after {
content: '';
display: block;
position: absolute;
left: 20px;
bottom: 100%;
width: 0;
height: 0;
border-bottom: 10px solid #FFFFFF;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
<div class="info-panel">
Testing
</div>
我不想添加CSS盒子阴影。
我需要一个边框。