效果图
CSS
a{
text-decoration:none;
}
body{
margin:0px;
}
#header{
width:100%;
height:30px;
background-color:#E0EFFF;
padding-top: 5px;
padding-bottom: 10px;
}
#header .logo{
margin-left: 50px;
font-size: 24px;
font-family: 微软雅黑;
}
#picture{
width:100%;
height:750px;
}
.panel-title {
text-align: center;
font-size: 16px;
}
#bootom{
padding-top:50px;
width:100%;
height:100px;
background: #eaf2ff;
}
#bootom_content{
margin-left:100px;
width:80%;
text-align: center;
font-size:0.8em;
}
p{
line-height:20px;
}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <!-- 引用的css --> <link rel="stylesheet" type="text/css" href="themes/default/easyui.css" rel="external nofollow" > <link rel="stylesheet" type="text/css" href="themes/default/panel.css" rel="external nofollow" > <link rel="stylesheet" type="text/css" href="themes/icon.css" rel="external nofollow" > <link rel="stylesheet" type="text/css" href="css/index.css" rel="external nofollow" > <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">以上所述是小编给大家介绍的基于jQuery Easyui实现登陆框界面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！