<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <title>test</title> <meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/> <style>/*test*/*{margin:0; padding:0 font-size:12px; Font-family:verdana, Arial; line-he ight:1.8; List-style:none;} #info, #nav {margin:50px; border:1px dashed #f30; background: #ffc; padding:50px;} #info div{background: #f00; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} * * Test/#com_a {border-top:10px solid #ffc solid #f30 border-bottom:10px solid #ffc;} #com_b {border-top:10px solid #ffc; border-right:10px solid #f30; border-bottom:10px solid #ffc;} #com_c {border-top:10px solid #ffc border-right:10px solid #f30 border-bottom:10px solid #ffc; border-left:10px Solid F30;} #com_d {border-top:10px solid #f30; border-right:10px solid #ffc; Border-bottom:10px solid #f30; border-left:10px solid #ffc;} #com_e {border-top:10px solid #ffc; border-left:10px solid #f30;} #com_f {border-top:10px solid #f30; border-right:10px solid #ffc; border-left:10px solid #ffc;} #com_g {border-right:10px solid #ffc; border-bottom:10px solid #f30; border-left:10px solid #ffc;} #com_h {border-top:10px solid #f30; border-bottom:10px solid #f30; border-left:10px solid #ffc;} #com_i {border-top:10px solid #f30 border-right:10px solid #f30 border-bottom:10px solid #f30; border-left:10px Solid FFC;} </style> </pead> <body> <div id= "info" > <p> test </p> <div id= "Com_a" ></ div> <div id= "Com_b" ></div> <div id= "Com_f" ></div> <div id= "Com_g" ></div> <div id= "Com_c" ></div> <div id= "com_d" ></div> <div id= "Com_e" ></div> <d IV id= "Com_h" ></div> <div id= "com_i" ></div> </div> </body></ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
