CSS+DIV设计实例01.ppt

下载文档 降价啦

0
0
约2.88千字
约 17页
2017-12-21 发布于江西
举报
版权申诉
保障服务

CSS+DIV设计实例01.ppt

1、本文档共17页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

CSSDIV设计实例01

CSS+DIV设计实例例1 背景图菜单（backgroundimage_list.HTML）第一步 CSS CODE #menu {position:absolute; left:10px; top:30px; width:189px; height:150px; z-index:1; } HTML CODE div id=menu ul lia href=#首页 /a/li lia href=#图书/杂志 /a/li lia href=#音乐 /a/li lia href=#影视 /a/li lia href=#百货 /a/li /ul /div 第二步 CSS CODE 同上 ul {list-style-type:none;} HTML CODE 同上第三步 CSS CODE 同上 ul {list-style-type:none; padding:0; margin:0; } HTML CODE 同上第四步 CSS CODE 同上 ul {list-style-type:none; padding:0; margin:0; } li {background-image:url(images/collapse.gif); } HTML CODE 同上第五步 CSS CODE 同上 ul {list-style-type:none; padding:0; margin:0; } li {background-image:url(images/collapse.gif); background-repeat:no-repeat; } HTML CODE 同上第六步 CSS CODE 同上 ul {list-style-type:none; padding:0; margin:0; } li {background-image:url(images/collapse.gif); background-repeat:no-repeat; padding-left:1.3em; } HTML CODE 同上第七步 CSS CODE 同上 ul {list-style-type:none; padding:0; margin:0; } li {background-image:url(images/collapse.gif); background-repeat:no-repeat; padding-left:1.3em; background-position:0.4em;} HTML CODE 同上完成（backgroundimage_list.HTML）例2 竖排导航栏（ line_list.html）第一步 HTML CODE div id=menu ul lia href=#首页 /a/li lia href=#图书/杂志 /a/li lia href=#音乐 /a/li lia href=#影视 /a/li lia href=#百货 /a/li /ul /div 第二步 CSS CODE ul {list-style-type:none;} HTML CODE 同上第三步 CSS CODE ul {list-style-type:none; padding:0; margin:0; } HTML CODE 同上第四步 CSS CODE ul {list-style-type:none; padding:0; margin:0; } a {color:#FFF;} HTML CODE 同上第五步 CSS CODE ul {list-style-type:none; padding:0; margin:0; } a { color:#FFF; background-color:#036; } HTML CODE 同上第六步 CSS CODE ul {list-style-type:none; padding:0; margin:0; } a {color:#FFF; background-color:#036; width:9em; } HTML CODE 同上第七步 CSS CODE ul {list-style-type:none;