CSS如何实现带尖角的友好提示框

1、放置一个div标签做提示框，在其里面再放一个div标签做小尖角。并设定提示框和小方块的大小、边丸泸尺鸢框。提示框样式如下： width:300px; height:100px; border:1px solid #000;小方块样式如下： width:10px; height:10px; border:1px solid #000;

3、对小方块进行45度旋转transform:rotate(45deg);

5、在提示框内再放入一个div写入提示信息，也可以不放，但是放了后更方便控制。我们再对提示框还做了圆角处理，更好看样式为：border-radius:8px;。最后给出所有源码，简单方便吧，别忘记点赞哟：）