本文主要是介绍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>
大致效果：
这篇关于copyright（12.14）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
