Home >Web Front-end >CSS Tutorial >css rounded corners, titlebar
css rounded corners, titlebar
- 高洛峰Original
- 2016-11-24 10:04:481426browse
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
Previous article：div css background backgroundNext article：div css background background