<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Ding Dong Network login </title>
<style type= "Text/css" >
. main{
width:100%;
height:920px;
border:1px solid #000;
Text-decoration:none;
}
. top{
width:100%;
height:52px;
border:1px solid #000;
}
. downmenu{
width:100%;
height:30px;
Font:normal normal 20px "song body";
Color: #fff;
Background-color: #000000;
}
#search {
margin-left:520px;
}
a{
Text-decoration:none;
}
#img1 {
margin-left:330px;
}
#logo {
Font:normal normal 20px "song body";
padding-bottom:5px;
}
#d {
padding-bottom:30px;
margin-left:290px;
}
a:link{
font-size:20px;
Color:aquamarine;
}
a:visited{
Color:darkgray;
}
a:hover{
Color: #FFFFFF;
}
a:active{
Color:cadetblue;
}
. bottom{
Text-align:center;
}
#img5 {
width:100%;
height:80px;
}
#dengL {
width:100%;
height:600px;
Background: #000000 URL (img/loginbg.jpg) no-repeat top center;
background-size:1400px 700px;
padding-top:100px;
} #dengLu {border:1px solid #5F9EA0; width:400px; height:300px; Background-color: #fffff; margin-left:800px; /*margin-top:100px;*/Background-color: #FFFFFF; Font:normal normal "blackbody"; padding-top:10px; padding-left:20px; }. uersname{padding-left:100px; padding-top:50px; padding-bottom:10px; }. password{padding-left:100px; }. verify{padding-left:100px; padding-bottom:10px; }. login{padding-left:100px; } </style>
Website Login interface (DIV+CSS implementation)