中国移动idc建设网站,seo方法,乐清网站推广制作,北京王府井书店网上商城这次我们就来制作豆瓣首页的最后一部分页脚。
同样#xff0c;页脚也在container中#xff0c;页脚分为左区域和右区域#xff0c;左区域里是多个p元素与a元素结合完成的#xff0c;还要插入一些图片#xff0c;右区域里里有几个横向菜单#xff0c;以及一张图片。
左右…这次我们就来制作豆瓣首页的最后一部分页脚。
同样页脚也在container中页脚分为左区域和右区域左区域里是多个p元素与a元素结合完成的还要插入一些图片右区域里里有几个横向菜单以及一张图片。
左右区域各占一半
.footer .float-left,.footer .footer .right{/* 左浮动与右浮动各占一半 */width: 50%;
}
实例HTML代码
footer classfooterdiv classcontainer clearfixdiv classfloat-leftp© 2005-2023 douban.com, all rights reserved 北京豆网科技有限公司/ppa href营业执照 /a a href京ICP证090015号 /aa href京ICP备11027288号/a a href网络视听许可证0110418号/a a href食品经营许可证/a pa href京网文[2021]2980-826号/a a href新出发京批字第直160029号/a a href署网出证京字第120号/a/p/pp违法和不良信息/涉未成年人/生活服务类专项有害信息投诉/pp违法和不良信息投诉电话4008353331-9 /pp网络从业者不良行为举报/ppimg src./imgs/jubao.png alta href中国互联网举报中心 /a电话12377 img src./imgs/biaoshi.gif alt a href京公网安备11010502000728/a/p/divdiv classfloat-rightnav classmenua href关于豆瓣/a·a href在豆瓣工作/a·a href联系我们/a·a href法律声明/a·a href帮助中心/aa href移动应用/a·a href豆瓣广告/a·/navdiv classadvimg src alt/div/div/div/footer .footer{font-size: 12px;line-height: 1.5;color: #999;
}
.footer .container{border-top: 1px dashed #dcdcdc;padding-top: 14px;padding-bottom: 30px;
}
.footer .float-left img{width: 15px;vertical-align: middle;
}
.footer .float-left,.footer .footer .right{/* 左浮动与右浮动各占一半 */width: 50%;
}
.footer .float-right .menu a{display: inline-block;margin:0 4px;
}
/*注意第一个菜单margin-left为0*/
.footer .float-right .menu a:first-child{margin-left: 0;
}
.footer .float-right .adv{width: 150px;margin-top: 20px;
} 至此豆瓣首页就完成啦
