（模板）首页的友情链接模板

Posted 2020-08-21 静待花开

首页的友情链接（静态模板）

<style>
  div,ul,li{padding:0; margin:0}
  .area {
    margin: 0 auto;
     width: 1200px; 
    margin-top:30px;
    height:34px;
}
.clearfix {
    display: block;
}
     
.friends { padding:12px  0;  padding-bottom:6px;border-top: #3f475b solid 1px; border-bottom: #3f475b solid 1px;}
.friends_l { float: left; width: 94px; height: 32px; line-height: 32px; color:#8699cb; font-size: 16px; }
.friends_r { float: right; overflow: hidden; width: 1104px; height: 32px;}
.friends_r ul { display: block; height:32px; width: 12000em;}
.friends_r li { float: left; overflow: hidden; width: 93px; height: 28px;}
.friends_r a img { width: 75px; height: 26px; /*border:#fff solid 1px;*/  }

li {
    display: list-item;}
      </style>
<section class="area clearfix friends">
  <div class="friends_l">友情链接：</div>
  <div class="friends_r friends_scroll">
    <ul>
      <li><a target="_blank" title="猫扑" href="http://www.baidu.com"><img src="http://fmz.qyggame.com/wp-content/uploads/2016/11/moplogo.png"></a></li>
    </ul>
  </div>
</section>