CSS implements a rectangle with a triangular arrow and a css triangle arrow.

CSS implements a rectangle with a triangular arrow and a css triangle arrow.

CSS implements a rectangle with a triangular Arrow:
Currently, the rectangular effects with small arrows are quite popular, such as the effects of mouse prompts and similar conversation content. They are visually more beautiful and user-friendly, if it is CSS3, it is easier to implement, but there is still a lot of browser compatibility. The following describes a code that can be compatible with all browsers.
The Code is as follows:

 

<! DOCTYPE html> 
 
The original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 11571.
For more information, see: http://www.softwhy.com/divcss/