HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- #a{position: absolute; top:50px; left:50px; width:400px; height:230px; background: #003399; border:#666666 1px solid; overflow:hidden; } #b{position: absolute; width:100%; top:80px; height:60px; background:#CC0000; border-top:#FFFFFF 13px solid; border-bottom:#FFFFFF 13px solid; z-index:2; } #c{position:absolute; height:100%; width:60px; top:0px; left:170px; background:#CC0000; border-left:#FFFFFF 13px solid; border-right:#FFFFFF 13px solid; z-index:2; } #e{position:absolute; width:100%; top:-10px; height:17px; background:#CC0000; border-top:#FFFFFF 13px solid; border-bottom:#FFFFFF 13px solid; filter:progid:DXImageTransform.Microsoft.Matrix(M21=0.53,sizingmethod="auto expand"); z-index:1; } #cd{ position: absolute; top:144px; left:220px; width:61px; height:34px; background:#CC0000; } #f{position:absolute; width:100%; top:-10px; height:17px; background:#CC0000; border-top:#FFFFFF 13px solid; border-bottom:#FFFFFF 13px solid; filter:progid:DXImageTransform.Microsoft.Matrix(M21=-0.53,sizingmethod="auto expand"); z-index:1; } --> </style> </head> <body> <div id="a"> <div id="b"> </div> <div id="c"> </div> <div id="e"> </div> <div id="f"> </div> </div> <div id="cd"> </div> </body> </html>