1

来源：互联网发布：js中的onchange事件编辑：程序博客网时间：2024/06/16 15:14

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>女神田馥甄</title>
<style type="text/css">
.back1{
background-color: #FFFFFF;
width: 600px;
height: 342px;
}
.first{
background-color: #FFFFFF;
width: 600px;
height:30px;
}
.second{
background-image: url("5.gif");
width: 600px;
height: 232px;
}
.third{
background-color: #46C6E3;
width: 600px;;
height:80px;
}
.y1{
background-color:red;
width: 40px;
height:4px;
float: left;
}
.logo{
background-image: url(6.jpg);
width: 58px;
height: 22px;
position: relative;
top: 7px;
left: 22px
}
.zi1{
text-align: center;
font-family:"Segoe UI Semibold";
font-size:15px;
font-weight: 200;
position: relative;
top: -17px;

}
.zi2{
font-family:"Adobe Gothic Std B";
float: left;
font-weight: 900;
font-size: 17px;
color: #48494A;
position: relative;
top:15px;
left:260px;

}
.zi3{

color: red;
position: relative;
top:15px;
left:260px;

}
.zi4{
color: #AFB3B7;
font-size:5px;
position: relative;
top:19px;
left:110px;
color: black;
font-family:Arial;

}
.tu1{
background-image: url(tub1.png);
width: 49px;
height: 37px;
position: relative;
top:-55px;
left:80px;
float: left;
}
.tu2{
background-image: url(tub2.png);
width: 67px;
height: 33px;
position: relative;
top:-55px;
left: 200px;
float: left;

}
.tu3{
background-image: url(tub3.png);
width:72px;
height: 32px;
position: relative;
top:-53px;
left: 300px;
float: left;
}
.zz1{
font-family:"Segoe UI Semibold";
font-size:12px;
font-weight: 200;
position: relative;
top: -21px;
left: -105px;
color: white;
float: left;
}
.zz2{
font-family:"Segoe UI Semibold";
font-size:12px;
font-weight: 200;
position: relative;
top: -21px;
left: 30px;
color: white;
float: left;
}
.zz3{
font-family:"Segoe UI Semibold";
font-size:12px;
font-weight: 200;
position: relative;
top: -21px;
left: 169px;
color: white;
float: left;
}
.acc{
background-color: #DE6B58;
margin-left:50%;
width: 120px;
height: 23px;
border-radius:15px;
font-size: 1px;
color:white;
font-family:"Franklin Gothic Demi";
position: relative;
top: 25px;
left:-35px;
border-color:#DE6B58;
}
.bcc{
background-color: #DE6B58;
width: 20px;
height: 20px;
border-radius:100%;
}
.ccc{

}

}

</style>
</head>
<body>
<div>
<div class="first">
<div class="y1" style="background-color:#45D9AD;"></div>
<div class="y1" style="background-color:red;"></div>
<div class="y1" style="background-color:#E8D39F;"></div>
<div class="y1" style="background-color:#D66B57;"></div>
<div class="y1" style="background-color:#4BC3DC;"></div>
<div class="y1" style="background-color:#F4DF4E;"></div>
<div class="y1" style="background-color:#393939;"></div>
<div class="y1" style="background-color:red;"></div>
<div class="y1" style="background-color:#45D9AD;"></div>
<div class="y1" style="background-color:#E8D39F;"></div>
<div class="y1" style="background-color:#D66B57;"></div>
<div class="y1" style="background-color:#4BC3DC;"></div>
<div class="y1" style="background-color::#F4DF4E;"></div>
<div class="y1" style="background-color:#393939;"></div>
<div class="y1" style="background-color:#45D9AD;"></div>
<div class="logo"></div>
<div class="zi1">《To Hebe》《MY love》
</div>

</div>
<div class="second">
<div class="zi2">Let's Get Started</div>
<div class="zi3">.</div>
<div class="zi4">Hebe Tian Background information Birth<br>                                        name Tián FūzhēnBorn March<br>                                        30, 1983 (1983-03-30) Hsi-<br>                                       nchu City, Taiwan
</div>
<div><input class="acc " type="button" value="LEARN MORE >"></div>
<a href="#" class="bcc"></a>
<a href="#" text-decoration:none;class="ccc"><</a>

</div>

<div class="third"></div>
<div class="tu1"></div>
<div class="tu2"></div>
<div class="tu3"></div>
<div class="zz1">1.Upload</div>
<div class="zz2">2.Edit</div>
<div class="zz3">3.None</div>
</div>

</body>
</html>

0 0