您的位置：首页 > 运维架构

copyright（12.14）

2017-12-15 17:45 155 查看

照着冒险岛官网写了下它的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>

大致效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 前端

相关文章推荐

新的分享

章节导航