Use CSS to realize the triangle symbol at the top of the message box

 Realize the triangle effect through css:

code:

div:after {

            position: absolute;

            width: 0px;

            height: 0px;

            content: " ";

            border-right: 20px solid transparent;

            border-top: 20px solid rgb(247, 60, 8);

            border-left: 20px solid transparent;

            border-bottom: 20px solid transparent;

            transform: rotate(180deg);

        }