css.css

实现系统登陆功能和系统登陆日志管理功能。适合初学者。

/********** body and link*******/
body {margin:0px;background-color: #EFEFEF; text-align:center;}
a {font-family:Tahoma;color: #000000;}
a:link {text-decoration: none;border-bottom:3px #ffffff solid;}
a:visited {text-decoration: none;border-bottom:3px #ffffff solid;}
a:hover {text-decoration: none;color: #ff0000;border-bottom:3px #000000 solid;}
a:active {text-decoration: none;color: #0000ff;}

/* ********* login ********* */
div.Block-Login { clear:both; height:200px; border:1px solid #A3BFE8; background:#E9F1F8; }
div.Block-Login div.BlockBar { no-repeat 7px 9px; text-align:left; color:#29458C; font-weight:bold; padding:10px 8px 4px 26px; }
div.Block-Login div.BlockBody { clear:both; height:147px; border:1px solid #D8E4EF; background:#FFFFFF; text-align:center; line-height:200%; margin:3px; padding:7px; }
div.Block-Login div.BlockBody div { padding:2px 0px 2px 0px; }
input.username { width:100px; background:#FFFFFF url("images/ico_username.gif") 2px 2px no-repeat; padding-left:18px; }
input.password { width:100px; background:#FFFFFF url("images/ico_password.gif") 2px 2px no-repeat; padding-left:18px; }
input.upfile { width:200px; background:#FFFFFF; }
input.login-text { border:1px solid #BBBBBB;repeat-x; height:23px; line-height:23px; padding:0px 2px 0px 2px; }
input {cursor: default;font-family: "Tahoma";font-size: 12px;color: #000000;background-color: #FFFFFF;font-weight:bold;}
textarea {cursor: default;font-family: "Tahoma";font-size: 12px;color: #000000;background-color: #FFFFFF;font-weight:bold;}

/********* frame of the web site ******/
div.top { background:#EFEFEF url(images/g-003_r2_c2.gif); width:795px; height:157px; text-align:left; margin-left:auto; margin-right:auto; margin-top:35px;}
div.contain { background:#FEE5D6 url(images/g-003_r3_c2.gif); width:795px; height:67px; text-align:left; margin-left:auto; margin-right:auto;}
div.right{ float:right; margin-right:52px; background:#EFEFEF url(images/g-003_r4_c3.gif); width:540px; height:184px; text-align:center;}
div.right #line1 { margin-top:40px; margin-left:30px;}
div.right #line2 { margin-top:10px; margin-left:30px;}
div.right #line3 { width:82px; height:26px;;background:url(images/DENGLU.GIF); margin-top:10px;margin-left:80px;}
div.left { float:left; margin-left:52px; background:#EFEFEF url(images/g-003_r4_c2.gif); width:255px; height:184px; text-align:left;}
div.bottom { background:#EFEFEF url(images/g-003_r5_c2.gif); width:795px; height:43px; text-align:left; margin-left:auto; margin-right:auto;}