css圓角，有titlebar
- 高洛峰原創
- 2016-11-24 10:04:481356瀏覽
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>陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn