美文网首页
动手做网页

动手做网页

作者: 鸣人吃土豆 | 来源:发表于2016-05-22 17:45 被阅读32次
  • 先上代码
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

相关文章

网友评论

      本文标题:动手做网页

      本文链接:https://www.haomeiwen.com/subject/deoorttx.html