萌宠代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<link rel="stylesheet" href="css/clear.css" type="text/css">

<link rel="stylesheet" href="css/index.css" type="text/css">

</head>

<body>

<div id="container">

<div id="header">

<div class="nav">

<ul>

<li><a href="">HOME</a></li>

<li><a href="">ABOUT</a></li>

<li><a href="">OUR WORK</a></li>

<li><a href="">PICTURES</a></li>

<li><a href="">ARTICLE</a></li>

</ul>

</div>

<a href="" class="home"></a>

</div>

<div class="dor">

<div class="left">

<ul>

<li><a href="">摄影</a></li>

<li><a href="">写作</a></li>

<li><a href="">文章</a></li>

<li><a href="">绘画</a></li>

<li><a href="">同人交流网站</a></li>

</ul>

</div>

<div class="right">

<img src="img/01.png" alt="" style="margin-right: 20px;">

<img src="img/02.png" alt=""style="margin-right: 20px;margin-top: 25px;">

<img src="img/04.png" alt="" style="margin-top: 25px;">

<img src="img/03.png" alt="" style="margin-top: -220px;">

</div>

</div>

<div id="main">

<div class="text-1">

<div class="line"></div>

<img src="img/001.png" alt="">

<p>

<span style="margin-left: 30px;">我原想捧起一簇浪花</span>

<span style="margin-left: 60px;">让我怎样感谢你</span>

<span style="margin-left: 150px;">让我怎样感谢你</span>

</p>

<p>

<span style="margin-left: 60px;">你却给了我整个海洋</span>

<span style="margin-left: 120px;">当我走向你的时候</span>

<span style="margin-left: 150px;">当我走向你的时候</span>

</p>

<p>

<span style="margin-left: 350px;">我想赚取一枚红叶</span>

<span style="margin-left: 150px;">我原想亲吻你一朵雪花</span>

</p>

<p>

<span style="margin-left: 350px;">我想赚取一枚红叶</span>

<span style="margin-left: 150px;">我原想亲吻你一朵雪花</span>

</p>

</div>

<div class="text-2">

<div class="line"></div>

<ul>

<li><a href="">PHOTOGRATHY</a></li>

<li><a href="">WRITING</a></li>

<li><a href="">PAINTING</a></li>

</ul>

<img src="img/002.png" alt="">

<div class="tet"></div>

</div>

</div>

<div id="bottom">

<img src="img/images/aaa_03.jpg" alt="">

</div>

</div>

<script>

</script>

</body>

</html>