css圓角,有titlebar

來源:互聯網
上載者:User
Java代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:v xmlns="http://www.w3.org/1999/xhtml">   <head>       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       <title></title>  <style type="text/css"> .div1{     margin:0 4px;      background:#28598f;      height:1px;      overflow:hidden; } .div2{     margin:0 2px;      border:2px solid #28598f;      border-width:0 2px;      background:#9fc8db;      height:1px;      overflow:hidden; } .div3{     margin:0 1px;      border:2px solid #28598f;      border-width:0 1px;      background:#9fc8db;      height:1px;      overflow:hidden; } .div4{     margin:0 1px;      border:2px solid #28598f;      border-width:0 1px;      background:#9fc8db;      height:1px;      overflow:hidden; } .div5{     background:#9fb2be;      border:1px solid #1e5288;      border-width:0 1px; } .div6{     font-size:12px;      font-weight:bolder;      font-family:Verdana;      FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9fc8db,endColorStr=#28598f);      padding:2px 10px 5px; } .div7{     FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f2f5f6,endColorStr=#dbe5e8);      margin:0 3px;      font-size:11px;      font-family:Verdana;       padding:5px 5px;      overflow:hidden; } .div8{     background:#9fb2be; height:1px; overflow:hidden; } </style>    </head>   <body style=""> <div style="position:absolute; width:100%; height:100%; top: 4px;">     <div style="position:absolute; left:3px; top:3px; width:20%; height:30%;">         <div class="div1"></div>         <div class="div2"></div>         <div class="div3"></div>         <div class="div4"></div>         <div class="div5">             <div class="div6">                 使用者資訊             </div>             <div class="div7">                 <table style="width:100%;height:150px;">                     <tr><td height="106">123</td></tr>                 </table>             </div>         </div>         <div class="div8"></div>     </div> </div> </body>   </html>
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.