网页制作模仿（8）

做红色框中的部分

htnl代码：

	<div class="w copyright">
				<p>
					<a href="#">关于我们</a>
					<span> | </span>
					<a href="#">联系我们</a>
					<span> | </span>
					<a href="#">联系客服</a>
					<span> | </span>
					<a href="#">合作招商</a>
					<span> | </span>
					<a href="#">商家帮助</a>
					<span> | </span>
					<a href="#">营销中心</a>
					<span> | </span>
					<a href="#">手机京东</a>
					<span> | </span>
					<a href="#">友情链接</a>
					<span> | </span>
					<a href="#">销售联盟</a>
					<span> | </span>
					<a href="#">京东社区</a>
					<span> | </span>
					<a href="#">风险监测</a>
					<span> | </span>
					<a href="#">隐私政策</a>
					<span> | </span>
					<a href="#">京东公益</a>
					<span> | </span>
					<a href="#">English Site</a>
					<span> | </span>
					<a href="#">Media & IR</a>
				</p>
				<div class=" copyright right">
					<p>京公网安备 11000002000088号<span> | </span>京ICP备11041704号<span> | </span> ICP<span> | </span>互联网药品信息服务资格证编号(京)-经营性-2014-0008<span> | </span>新出发京零 字第大120007号</p>

					<p>互联网出版许可证编号新出网证(京)字150号<span> | </span>出版物经营许可证<span> | </span>网络文化经营许可证京网文[2020]6112-1201号<span> | </span>违法和不良信息举报电话：4006561155</p>

					<p>Copyright © 2004 - 2022 京东JD.com 版权所有<span> | </span>消费者维权热线：4006067733<span> | </span>经营证照<span> | </span>(京)网械平台备字(2018)第00003号<span> | </span>营业执照<span> | </span>增值电信业务经营许可证</p>

					<p>Global Site<span> | </span> Сайт России<span> | </span> Situs Indonesia<span> | </span> Sitio de España<span> | </span> เว็บไซต์ประเทศไทย</p>

					<p>京东旗下网站： 京东钱包<span> | </span>京东云<span> | </span>网络内容从业人员违法违规行为举报电话：4006561155-3</p>
					<p class="foot-icon">
						<a href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
					</p>
				</div>
			</div>

 css：

.copyright a:hover{
	color: #f10215;
}
.copyright{
	text-align: center;
	padding-top: 15px;
	font-size: 12px;
}
.copyright span{
	margin: 0 5px;
	color: #999;
}
.copyright a{
	color: #666;
}
.right{
	padding-top: 15px;
	color: #999;
	font-size: 12px;
}
.right p{
	line-height: 22px;
}
.foot-icon a{
	display: inline-block;
	width: 103px;
	height: 33px;
	background:url(../img/小图标.png);
	background-position:-510px 120px;
	text-align: center;
}