简洁的网站系统后台登录页面
代码语言: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 .tfoot1 .che2 { margin: 0 23px; vertical-align: middle; margin-top: -3px; } .set .tfoot1 .but { width: 98px; height: 30px; background: #2b9fd0; color: #fff; font-family: "微软雅黑"; font-size: 14px; } .set .thead2 { background: #eeeeee; font: 12px/40px "微软雅黑"; color: #333; } .set .thead2 th { font-weight: normal; } .set .che3 { margin-left: 15px; margin-right: 10px; } .set .td2 { width: 76px; text-align: left; } .set .td3 { width: 365px; } .set td.td3 { text-align: left !important; } .set .tbody2 { font: 12px/22px "微软雅黑"; color: #666; } .set .tbody2 tr { border: 1px solid #eeeeee; } .set .tbody2 td { padding: 10px; text-align: center; } .set .tbody2 .ico2 { width: 18px; height: 21px; line-height: 21px; text-align: center; background: #eeeeee; display: inline-block; *display: inline; zoom: 1; color: #333; *vertical-align: 3px; } .set .tbody2 .a1 { color: #2b9fd0; display: block; } .set .tbody2 .a2 { color: #333; } .set .tbody2 td .add { background: rgba(0, 0, 0, 0) url("../images/yfxt_pic88.jpg") no-repeat scroll 0 0; float: left; height: 25px; margin-left: 5px; margin-top: 8px; width: 18px; } .set .tfoot2 { background: #f5f5f5; font: 12px/43px "微软雅黑"; color: #333; } .set .tfoot2 .a2 { padding: 0 20px; color: #333; } .set .tfoot2 .a2:hover { text-decoration: underline; } .set .tfoot2 em { font-size: 20px; color: #2b9fd0; } .set .tfoot2 .s1 { padding-right: 50px; *vertical-align: 13px; } .set .but2 { width: 98px; height: 46px; font-size: 16px; color: #fff; background: #2b9fd0; vertical-align: 2px; padding: 13px 33px; } .set .tbody3 td { color: #666; } .set .tbody4 .a4 { color: #2b9fd0; } .set .tbody4 .a5 { display: inline-block; *display: inline; zoom: 1; width: 68px; height: 24px; border: 1px solid #2b9fd0; color: #fff; background: #2b9fd0; font: 12px/24px "微软雅黑"; } .set .tbody4 .a6 { color: #2b9fd0; background: #fff; } .set .tbody4 td { color: #999; } .footer { text-align: center; font: 12px/94px "微软雅黑"; border-top: 1px solid #eeeeee; color: #666; width: 100%; } .flow { padding: 40px 0; } .cangoback .bt { font: 18px/37px "微软雅黑"; color: #333; } .cangoback .sm { font: 14px/24px "微软雅黑"; color: #333; } .cangoback .goback { width: 98px; height: 30px; background: #2b9fd0; color: #fff; font-family: "微软雅黑"; font-size: 14px; text-align: center; line-height: 30px; margin-top: 53px; } .cangoback .line { margin: 35px 0 30px; height: 2px; width: 100%; background: #eeeeee; clear: both; } .cangoback .line.line2 { margin-bottom: 0; } .cangoback .line .ico { width: 120px; background: #2b9fd0; display: block; height: 2px; } .finsh { text-align: center; min-height: 350px; } .finsh p { margin-top: 40px; } .finsh .p1 { font: 14px/46px "微软雅黑"; color: #333; background: url("../images/pic7.jpg") no-repeat left center; display: inline-block; *display: inline; zoom: 1; padding-left: 80px; } .finsh .p1 em { color: #ff682f; } .finsh .p2 { padding-right: 85px; } .finsh .p2, .finsh .p2 a { font: 12px/12px "微软雅黑"; color: #333; } .finsh .p3 { line-height: 23px; display: inline-block; *display: inline; zoom: 1; text-align: left; } .finsh .p4 { padding-right: 206px; } .finsh .p4 a { display: inline-block; *display: inline; zoom: 1; margin-right: 20px; height: 34px; line-height: 34px; color: #fff; background: #4b4b4b; width: 124px; } .finsh .p4 a.a1 { background: #2b9fd0; } .finsh .p5 { padding-right: 380px; } .table_p { font: 16px/65px "微软雅黑"; color: #333; } .table_p a { font-size: 12px; color: #2b9fd0; line-height: 12px; padding-top: 30px; } .table_p a:hover { text-decoration: underline; } .favourable { padding: 10px 0; border: 1px solid #eeeeee; } .favourable .l2 { padding: 0 20px 0 40px; line-height: 30px; font-size: 12px; color: #333; font-family: "微软雅黑"; } .favourable .tex { width: 340px; height: 28px; border: 1px solid #eeeeee; text-indent: 10px; color: #666; } .favourable .but { width: 90px; height: 30px; color: #fff; background: #2b9fd0; font-size: 14px; font-family: "微软雅黑"; } .bill dt { border: 1px solid #eeeeee; height: 48px; cursor: pointer; background: #f5f5f5 url("../images/pic8.jpg") no-repeat 98% center; margin-top: 32px; font: 16px/48px "微软雅黑"; color: #666; text-indent: 20px; } .bill dt.on { background-image: url("../images/pic9.jpg"); } .bill dd { border: 1px solid #eeeeee; border-top: 0; font: 14px/32px "微软雅黑"; padding: 10px 0; /* display: none; */ } .bill dd span { padding: 0 20px; color: #666; } .bill dd .s2, .bill dd .s3 { color: #2b9fd0; cursor: pointer; background: none; } .bill dd .s2 { display: none; } .bill dd label { padding: 0 20px; color: #666; display: none; } .bill dd .tex, .bill dd select { height: 30px; width: 150px; border: 1px solid #eeeeee; text-indent: 5px; color: #666; } .submit p { text-align: right; } .submit em { color: #ff682f; } .submit .p1 { font: 14px/26px "微软雅黑"; color: #666; } .submit .p2 { font: bold 24px/34px "微软雅黑"; color: #666; } .submitbut { width: 100%; background: #eeeeee; height: 44px; margin-top: 10px; } .submitbut input { float: right; width: 148px; height: 44px; background: #2b9fd0; color: #fff; font-size: 16px; font-family: "微软雅黑"; } .distribution { border: 1px solid #eeeeee; border-bottom: 0; } .distribution dd, .distribution dt { border-bottom: 1px solid #eeeeee; } .distribution dt { padding-left: 40px; font: 14px/46px "微软雅黑"; color: #333; } .distribution dd { padding-left: 55px; } .distribution .ul1 { padding: 10px 0; } .distribution .ul1 li { display: block; font: 12px/32px "微软雅黑"; color: #333; } .distribution .ul1 li span { padding: 0 35px; } .distribution .rad { vertical-align: middle; } .distribution .ul2 { padding-top: 17px; padding-bottom: 17px; } .distribution .ul2 img { border: 1px solid #eeeeee; } .distribution .ul2 .rad { margin-right: 20px; } .distribution .ul2 label { padding-right: 50px; } .receipt { padding-top: 40px; padding-bottom: 25px; } .receipt .l1 { padding-bottom: 10px; font: 12px/27px "微软雅黑"; color: #333; display: block; } .receipt .l1 span { width: 70px; display: inline-block; *display: inline; zoom: 1; } .receipt i { color: #ff4001; } .receipt .sel1 { height: 25px; border: 1px solid #eeeeee; color: #333; font-family: "微软雅黑"; margin-right: 10px; } .receipt .sel2 { width: 301px; height: 25px; border: 1px solid #eeeeee; color: #333; font-family: "微软雅黑"; } .receipt .s1 { display: block; float: left; padding-right: 4px; } .receipt textarea { width: 389px; height: 97px; padding: 5px; border: 1px solid #eeeeee; resize: none; font: 12px/20px "微软雅黑"; color: #666; } .receipt .tex { width: 399px; height: 25px; border: 1px solid #eeeeee; text-indent: 5px; font-family: "微软雅黑"; } .receipt .che { vertical-align: middle; margin-top: -2px; margin-rig.........完整代码请登录后点击上方下载按钮下载查看
网友评论0