【css技术指南笔记】div css 实现三角形

<style>
.triangle{
border:10px solid;
border-color:transparent transparent #444 transparent;//设置一个方向有颜色，其他方向透明
width:0;
height:0;
}
</style>
<div class="triangle"></>

<style>
.talk{
width:100px;
height:100px;
border:1px solid #444;
position:relative;//方便箭头定位
}
.talk::after{
content:"";
border:10px solid;
border-color:transparent #444 transparent transparent;
width:0;
height:0;
position:absolution;
top:50px;
right:100%;//放到 div 的最左边
}
</style>
<div class="talk"></div>