如何使用Pure CSS在HTML元素的顶部创建带有轮廓的三角形笔尖？

You may have probably seen this type of boxes with a triangular arrow tip on Facebook, Google, Twitter, etc. Fortunately, I've also created one with pure CSS.You may have probably seen this type of boxe