copyright(12.14)

照着冒险岛官网写了下它的copyright

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>mxd copyright</title>
<style>
    *{
    margin:0;
    padding:0;
    }
    .wrap{
    width:1920px;
    height:853px;
    background-color:#FFFF66;
    }
    .copyright-wrap{
    width:auto;
    height:132px;
    text-align:center;
    background:url(../mxd/imgs/bg_w.jpg) repeat-x left top #000000;
    }
    .copyright{
    display:flex;
    justify-content:center;
    margin:0 auto;
    width:1125px;
    height:100%;
    }
    .logo{
    position:relative;
    width:222px;
    height:100%;
    }
    .logo a{
    display:block;
    width:64px;
    height:66px;
    margin:30px 0 0 0 ;
    background-image:url(../mxd/imgs/1.png);
    }
    .logo img{
    position:absolute;
    top:30px;
    right:18px;
    }
    .con{
    width:530px;
    height:112px;
    font-family:"Microsoft YaHei UI";
    font-size:12px;
    color:#888;
    padding:20px 0 0 23px;
    text-align:left;
    background:url(../mxd/imgs/slice_w.jpg) no-repeat left top;
    }
    .con a{
    display:inline-block;
    color:#888;
    margin-right:5px;
    text-decoration:none;
    }
    .con a:hover{
    text-decoration:underline;
    }
    .priv{
    width:290px;
    height:102px;
    padding-top:20px;
    padding-bottom:11px;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    }
    .priv a{
    display:block;
    }
    .priv a:nth-of-type(1){
    width:47px;
    height:47px;
    background-image:url(../mxd/imgs/whjy.png);
    }
    .priv a:nth-of-type(2){
    width:47px;
    height:47px;
    background-image:url(../mxd/imgs/shgs2.gif);
    }
    .priv a:nth-of-type(3){
    width:111px;
    height:45px;
    background-image:url(../mxd/imgs/img_cp_jubao_w.png);
    }
    .priv a:nth-of-type(4){
    width:127px;
    height:35px;
    background-image:url(../mxd/imgs/report.png);
    }
    .priv a:nth-of-type(5){
    width:82px;
    height:37px;
    background-image:url(../mxd/imgs/jzjh.png);
    }
</style>
</head>
      <div class="wrap"></div>
      <div class="copyright-wrap">
          <div class="copyright">
               <div class="logo">
                   <a href="../bubble/bubble.html"></a>
                   <img src="../mxd/imgs/img_ne.jpg" width="109"  height="68" alt="NEXON" />
               </div>
               <div class="con">
               <p>
               <span>新出音管[2004]574号    文网测字009号</span>
               </p>
               <p>
               <a href="#" target="_blank">沪网文(2017)8902-675号</a>
               <a href="#" target="_blank">ICP:沪B2-20100008</a>
               <a href="#" target="_blank">新出网证(沪)字026号</a>
               </p>
               <p>
               <span>上海数龙科技有限公司    版权所有 上海市浦东新区海趣路58号海趣园1号楼 021-50504740</span>
               </p>
               <p>
               <span>盛大游戏商标是上海盛大网络发展有限公司拥有且授权给上海数龙科技有限公司使用的注册商标。</span>
               </p>
               <p>
               <span>上海数龙科技有限公司对其运营行为独立承担全部责任。</span>
               </p>
               </div>
               <div class="priv">
               <a href="#" target="_blank"></a>
               <a href="#" target="_blank"></a>
               <a href="#" target="_blank"></a>
               <a href="#" target="_blank"></a>
               <a href="#" target="_blank"></a>
               </div>
          </div>
      </div>
<body>
</body>
</html>

大致效果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值