网页布局点代码ppt.pptVIP

下载本文档

0
0
约2.9千字
约 23页
2019-01-12 发布于福建
举报
版权申诉

网页布局点代码ppt.ppt

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

网页布局点代码ppt

一、思路此网页为三行一列结构，先设计HTML部分，再根据各层次高度设计样式。二、HTML部分 div id=main div id=top /div div id=middle /div div id=bottom /div /div 三、CSS部分代码 #main{ margin:10px auto; width:960px; } #top{ height:560px; background:#0290D8; } #middle{ height:57px; background:#9ECBEA; } #bottom{ height:20px; background:#5EC8FF; } 一、思路此网页为三行二列结构，top层中有banner和links两层，middle层中有左右两层。二、HTML部分 div id=main div id=top div id=banner/div div id=links/div /div div id=middle div id=leftbar /div div id=rightbar /div /div div id=bottom /div /div 三、CSS部分代码 #main{ margin:0px auto; width:990px; } #top{ } #banner{ height:120px; background:#F85380; } #links{ height:100px; background:#F5F5F5; } #middle{ background:#9ECBEA; } #leftbar{ height:600px; width:770px; float:left; background:#F85380; } #rightbar{ height:600px; width:190px; float:right; background:#B20000; } #bottom{ height:110px; clear:both; background:#EAEAEA; } 一、思路此网页为三行三列结构，顶部有banner,links和others三个层，中部有left,center,right三个层，底端有guide,list和address三个层。二、HTML部分 div id=main div id=top div id=banner/div div id=links/div div id=others/div /div div id=middle div id=leftbar/div div id=centerbar/div div id=rightbar/div /div div id=bottom div id=guide /div div id=list /div div id=address /div /div /div 三、CSS部分代码 #main{ margin:0px auto; width:990px; } #top{} #banner{ height:100px; background:#1B94E5; } #links{ height:90px; background:#97E8F9; } #others{