- 先上代码
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #bb2ca2}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #d12f1b}p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; min-height: 13.0px}p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo}p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px 'PingFang SC'}span.s1 {font-variant-ligatures: no-common-ligatures}span.s2 {font-variant-ligatures: no-common-ligatures; color: #967e34}span.s3 {font-variant-ligatures: no-common-ligatures; color: #d12f1b}span.s4 {font-variant-ligatures: no-common-ligatures; color: #000000}span.s5 {font-variant-ligatures: no-common-ligatures; color: #bb2ca2}span.s6 {font: 11.0px 'PingFang SC'; font-variant-ligatures: no-common-ligatures}span.s7 {font: 11.0px Menlo; font-variant-ligatures: no-common-ligatures}span.s8 {font: 11.0px Menlo; font-variant-ligatures: no-common-ligatures; color: #bb2ca2}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>the blah</title>
<link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li>
<a href="#">
王
</a>
</li>
<li>
<a href="#">
鹏
</a>
</li>
<li>
<a href="#">
飞
</a>
</li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr/>
<ul class="nav">
<li>
<img src="images/0001.jpg" width="150" height="150">
<img src="images/0002.jpg" width="150" height="150">
<img src="images/0003.jpg" width="150" height="150">
</li>
</ul>
<p>有比基尼的沙滩才叫沙滩</p>
</div>
<div class="footer">
<p>王鹏飞制作.2016.4.30</p>
</div>
</body>
</html>
- 再上效果图
有比基尼的沙滩才叫沙滩.png
