简洁的网站系统后台登录页面
代码语言:html
所属分类:布局界面
代码描述:简洁的网站系统后台登录页面
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>网站后台html登录界面</title>
<style>
* {
margin: 0;
padding: 0;
border: 0;
}
*:focus {
outline: none;
}
html {
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
padding: 0;
margin: 0;
}
table,
td,
tr,
th {
font-size: 12px;
}
li {
list-style-type: none;
}
img {
vertical-align: top;
border: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 12px;
}
a {
text-decoration: none;
}
em,
i {
font-style: normal;
}
.clear {
clear: both;
}
input[type="submit"],
input[type="button"] {
cursor: pointer;
}
.f01 {
font-family: "微软雅黑";
}
.l {
float: left;
}
.r {
float: right;
}
body {
min-width: 1000px;
}
.weiruan {
font-family: "微软雅黑";
}
.k1 {
width: 960px;
margin: 0 auto;
}
.tc {
text-align: center;
}
.d_ib {
display: inline-block;
*display: inline;
zoom: 1;
}
.header {
width: 100%;
height: 89px;
border-bottom: 1px solid #2b9fd0;
}
.logo h1 {
font-size: 0;
}
.main_pad {
padding: 33px 0 40px;
overflow: hidden;
zoom: 1;
min-height: 670px;
}
.leftnav {
width: 146px;
}
.leftnav dt {
font-size: 16px;
line-height: 71px;
color: #fff;
background: #2b9fd0;
text-align: center;
}
.leftnav dl {
background: #eeeeee;
padding-bottom: 25px;
}
.leftnav dd a {
font: 14px/40px "微软雅黑";
color: #666;
text-align: center;
display: block;
border-left: 3px solid #eeeeee;
}
.leftnav dd a:hover {
color: #2b9fd0;
}
.leftnav dd.on a {
border-left-color: #2b9fd0;
background: #ffffff url("../images/pic2.png") no-repeat 128px center;
color: #2b9fd0;
}
.leftnav .log_off {
font: 12px/36px "微软雅黑";
padding-left: 20px;
color: #fff;
display: block;
text-align: center;
background: #bcbcbc url("../images/pic3.png") no-repeat 40px center;
}
.rightmain {
width: 774px;
}
.big_bt {
border-bottom: 1px solid #bfbfbf;
}
.big_bt span {
padding-top: 8px;
font: 14px/43px "微软雅黑";
margin-bottom: -1px;
color: #2b9fd0;
border-bottom: 2px solid #2b9fd0;
display: inline-block;
*display: inline;
zoom: 1;
width: 165px;
}
.bor {
border: 1px solid #eeeeee;
}
.borLR {
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}
.set {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.set .thead1 {
font: 14px/40px "微软雅黑";
color: #666;
text-align: left;
}
.set .thead1 td {
padding-left: 23px;
}
.set .thead1 .bt {
background: #eeeeee;
}
.set .thead1 .teshu {
height: 40px;
}
.set .tbody1 {
width: 100%;
font: 14px/53px "微软雅黑";
border: 1px solid #eeeeee;
}
.set .tbody1 th {
font-weight: bold;
color: #666;
text-align: center;
border-bottom: 1px solid #eeeeee;
}
.set .tbody1 td {
font-size: 12px;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.set .td1 {
width: 50px;
text-align: left;
}
.set .td1 .che {
margin-left: 23px;
}
.set .tex {
width: 32px;
height: 19px;
text-align: center;
border: 1px solid #eeeeee;
color: #666;
}
.set .tc2 {
height: 21px;
}
.set .tfoot1 a {
font: 12px/30px "微软雅黑";
color: #666;
padding: 0 5px;
}
.set .tfoot1 a:hover {
text-decoration: underline;
}
.set .t.........完整代码请登录后点击上方下载按钮下载查看
网友评论0