没有完成说

最新推荐文章于 2024-09-16 13:17:20 发布

sunzhibiao_

最新推荐文章于 2024-09-16 13:17:20 发布

阅读量22

点赞数

文章标签：前端 html javascript

本文链接：https://blog.csdn.net/sunzhibiao_/article/details/130360910

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <style>
      * {
          margin: 0px;
          padding: 0px;
      }
      .wrapper {
          height: 580px;
          background: url(img/images/bg.jpg);
          padding-top: 56px;
          margin-top: 70px;

      }
      .nav {
          position: fixed;
          top: 10px;
          left: 34px;
          height: 70px;
          width: 100%;
          z-index: 1000;
      }
      .nav ul li {
          list-style-type: none;
          display: inline-block;
          width: 120px;
          line-height: 70px;
          text-align: center;

      }
      .nav ul li a {
          color: #999;
          text-decoration: none;
          font-size: 18px;
      }
      .nav ul li a:hover {
          color: #f90;
          text-decoration: underline;

      }
      .nav ul li a.index {
          color: #f90;
      }
      .wrapper .article-banner {
          position: relative;
          width: 119px;
          height: 390px;
          background: u;
          border: 1px solid ;
          padding-bottom: ;
          margin: ;
      }
      .wrapper .article-banner .info {
          position: ;
          width: ;
          left: ;
          bottom: ;
          height: ;
          padding: ;
          color: ;
      }
      .wrapper .article-banner .info .face {
          float: ;
          width: ;
          height: ;
          border-radius: ;
          overflow: hidden;
      }
      .wrapper .article-banner .info .title {
          margin-left: ;
          margin-top: ;
      }
      .wrapper .article-banner .info .autyhor-data {
          position: ;
          left: ;
      bottom: ;
      font-size: ;
      color: ;
      float: ;

      }
      .wrapper .article-banner .info span {
          display: inline-block;
          margin-left: ;
          margin-right: ;

      }
      .wrapper .article-banner .info .autyhor-data a:hover {
          color: ;
          text-decoration: ;
      }
      .wrapper .article-banner .info .link {
          position: ;
          float: ;
          right: ;
          bottom: ;
          font-size: ;
          color: ;
      }
      .wrapper .article-banner .info .link a {
          color: ;
          text-decoration: ;
      }
      .wrapper .article-banner .info .link a:hover {
          color: ;
          text-decoration: ;
      }
   </style>
   <body>
       <div class="wrapper">
<div class="nav">
    <ul>
        <li><a href="#"><img src=""></a></li>
        <li><a href="#" class="index">博客首页</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="article-banner">
    <div class="info">
        <p class="face"><a href="#"><img src=""></a></p>
        <h2 class="title">诗与远方过于遥远，不如在有风景的城市，做一次旅行者。</h2>
        <div class="autyhor-data">
            <span><a href="#">小傻公主 |</a></span>
            <span>018-12-5 15:30 |</span>
            <span>浏览 2250</span>
        </div>
        <div class="link">
            <span><a href="">收藏 |</a></span>
            <span><a href=""> 分享 </a></span>
</div>
       </div>
   </body>
</html>