首页 > 代码库 > 10yue13biji

10yue13biji

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style >

#ff{

position: relative;

}

.ff2{

width: 200px;

height: 200px;

background-color: green;

position: relative; /*相对定位:相对于自己原来的位置*/

top:-50px;

left:100px;

}

.ff3{

width: 1024px;

height: 50px;

background-color: black;

position: relative;

top: -627px;

}

ul{

list-style: none;

}

li{

width: 200px;

height: 50;

color: white;

float: left;


}

</style>

</head>

<body>

<img id="ff" src="http://www.mamicode.com/2.jpg" alt="tu1";>

<div class="ff3">

<img src="http://www.mamicode.com/3.png" style="width: 150px;height: 50px;">

<ul>

<li>官网首页</li>

</ul>

</div>

</div>

<div class="ff2"></div>

</body>

</html>


10yue13biji