如图所示，这样的tips提示样式用html+css怎么写？

Question

尤其是尖角样式，该如何处理？或者有其他属性可以直接弹出提示？

Answer 1

当然是伪元素+边框处理了<div></div>div&nbsp;{&nbsp;&nbsp;position:&nbsp;relative;&nbsp;&nbsp;width:&nbsp;100px;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;background:&nbsp;#ccc;&nbsp;&nbsp;margin-top:&nbsp;10px; }div:after&nbsp;{&nbsp;&nbsp;content:&nbsp;'';&nbsp;&nbsp;position:&nbsp;absolute;&nbsp;&nbsp;top:&nbsp;-20px;left:10px;&nbsp;&nbsp;border:&nbsp;10px&nbsp;solid&nbsp;transparent;&nbsp;&nbsp;border-bottom-color:&nbsp;red; }