Imitating the Sina Weibo forwarding box is quite compatible. Please write my blog name for forwarding. Thank you. Except for those that are not compatible with IE8, please reply to me if they are not compatible. Thank you.

View code . Big {
Margin-top : 400px ;
Margin-left : 200px ;
Height : 120px ;
Width : 400px ;
Background-color : # F8f8f8 ;
Border : 1px solid # efe7b6 ;
Border-radius : 3px 3px 3px 3px ;}

. Arrow {
Width:30px;
Margin-left:20px;
Margin-top:-8px! Important;
_ Margin-top:-8px;
}

. A,. B{
Display : Block ;
Font-style : Normal ;
Font-family : "" ;
Font-size : 14px ;
}
. B {
Position : Absolute ;
Margin-top : -14.6px ;
* Margin-top :-12.6px! Important ;
Color : # F8f8f8 ;
_ Margin-top : 2px ;
}

. {
_ Position:Absolute;
Color:# Efe7b6;
}

 

View code <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< Html Xmlns = "Http://www.w3.org/1999/xhtml" >
< Head >
< Link REL = "Stylesheet" Href = "Div.css" Type = "Text/CSS" >
< Meta HTTP-equiv = "Content-Type" Content = "Text/html; charsets = UTF-8"   />
< Title > Untitled document </ Title >
</ Head >

< Body >
< Div Class = "Big" >
< Div Class = "Arrow" >
< Em Class = "" > ◆ </ Em >
< Span Class = "B" > ◆ </ Span > </ Div >
</ Div >
</ Body >
</ Html >

 

 

Please take a look, very fewCodeIt's easy, haha