<! 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 >
< Meta HTTP-equiv = "Content-Type" Content = "Text/html; charsets = UTF-8" />
< Title > Untitled document </ Title >
< Style Type = "Text/CSS" >
<! --
. Test {
Width: 300px;
Display: inline-block;
Padding: 5px 10px 6px;
Text-Decoration: none;
Border-radius: 5px;
-Moz-border-radius: 5px;
-WebKit-border-radius: 5px;
-Moz-box-Shadow: 0 1px 2px rgba (0.5, 0 );
-WebKit-box-Shadow: 0 1px 2px rgba (0.5, 0 );
Text-Shadow: 0-1px 1px rgba (0.25, 0 );
Border-bottom: 1px solid rgba (0.25, 0 );
Position: relative;
Cursor: pointer;
}
-->
</Style>
</Head>
<Body>
<DivClass= "Test">1231231231</Div>
</Body>
</Html>
Shows the effect:
This experiment passed the test in Firefox browser, but IE8 is not compatible ~
