2018-11-21作业

2018-11-21  本文已影响0人  沦陷_99999

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>微软官方</title>
<style>
.header{
width:2480px;
height:50px;
background-color:blue;
}
.header2{
width: 2480px;
height: 70px;
background-color: white;
}
.header3{
width: 2480px;
height: 80px;
background-color: white;
}
.header4{
width: 1300px;
height: 500px;
background-color: grey;
margin: 0 auto;
}
.header5{
width: 1300px;
height: 137px;
background: antiquewhite;
margin: 10px auto;
}
.header6{
width: 1300px;
height: 400px;
background: white;
margin: 0 auto;
}
.Surface{
width: 1300px;
height: 400px;
background: blue;
margin: 10px auto;
}
.Office{
width: 1300px;
height: 400px;
background: fuchsia;
margin: 0 auto;
}
.Xbox{
width: 1300px;
height: 400px;
background: white;
margin: 0 auto;
}
.diannao{
width: 1300px;
height: 400px;
background: darkgoldenrod;
margin: 0 auto;
}
.kongdi{
width: 1300px;
height: 300px;
background-color: blue;
margin: 10px auto;
}
.mv{
width: 1300px;
height: 137px;
background-color: yellow;
margin: 10px auto;
}
.cao {
width: 1300px;
height: 800px;
background-color: grey;
margin: 0 auto;
}
.lantu{
width: 300px;
height: 400px;
background-color: blue;
float: left;
}
.baitu{
width: 400px;
height: 137px;
background-color: white;
float: right;
}

</style>

</head>
<body>
<div class="header"></div>
<div class="header2"></div>
<div class="header3"></div>
<div class="header4"></div>
<div class="header5"><div class="baitu"></div></div>
<div class="header6"><div class="lantu"></div></div>

<div class="Surface"></div>
<div class="Office"></div>
<div class="Xbox"></div>
<div class="diannao"></div>
<div class="kongdi"></div>
<div class="mv"></div>
<div class="cao"></div>
</body>
</html>

上一篇下一篇

猜你喜欢

热点阅读