<! DOCTYPE html><Html><Head><Metacharset="UTF-8" ><Title>test</Title><Style> . Tip{PositionRelativeBackground-color:Deepskyblue;Margin 20px Auto;Width 246px;Height 43px;Line-height: 43px;ColorWhiteText-align:CenterBorder-radius: 10px;Font-family:Sans-serif;}. Tip: After{Content ‘‘;PositionAbsoluteWidth 0;Height 0;Border 8PX solid;}. Top: After{Border-bottom-color:Deepskyblue;Left 50%;Bottom 100%;Margin-left:-15px;}. Right: After{Border-left-color:Deepskyblue;Left 100%;Top 50%;Margin-top:-7px;}. Bottom: After{Border-top-color:Deepskyblue;Top 100%;Left 50%;Margin-left:-15px;}. Left: After{Border-right-color:Deepskyblue;Top 50%;Right 100%;Margin-top:-9px;}</Style></Head><Body><Divclass= "Tip Top" >top</div> <div class= "tip Bottom ">bottom</div> <div class= "tip Left" >left</div> <div class= "tip Right" >right</div></body> </HTML>
< Span class= "Hljs-tag" > < Span class= "Hljs-attribute" > &NBSP;
CSS Drawing dialog box triangle symbol