Home  >  Article  >  Web Front-end  >  css rounded corners, titlebar

css rounded corners, titlebar

高洛峰
高洛峰Original
2016-11-24 10:04:481402browse

Java code

<!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>


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn