原创力文档- 1、本文档共11页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
FLASH编程——链接与导航
链接与导航 回顾 文字样式 图像样式 动态超链接 按钮式超链接 利用边框的样式模拟按钮效果。 对于鼠标经过时，改变文字颜色、背景色、位置和边框。 css控制鼠标指针 项目列表 项目列表 项目列表 如何设置项目列表的背景图片? 自适应宽度的导航 自适应高度 总结 文字样式 背景图像设置 style a:link{color:#A62020; padding:2px 10px 2px 10px; background:#84B3E6; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; border-bottom:1px solid #717171; border-right:1px solid #717171} /style style color:#821818; padding:3px 8px 1px 12px; background:#e2c4c9; border-top:1px solid #717171; border-left:1px solid #717171; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee /style 通过cursor属性可以设置各式各样的鼠标指针样式。 body{cursor:pointer} 通常的项目列表主要采用ul或者ol标记，然后配合li标记罗列各个项目。 设置列表符号 style ul{font-size:12px; color:#00458c; list-style-type:decimal} /style body ul liHome/li liContact Us/li liWeb Dev/li liWeb Design/li /ul /body 图片符号 style ul{font-size:12px; color:#00458c; list-style-img:url()} /style 效果：图标与文字之间的距离有 着明显的区别，因此不推荐这种 设置图片符号的方法。 建议：将list-style-type:none; 然后修改li标记的背景属性。 style type=text/css *{ padding:0;margin:0} ul li{ float:left; list-style:none; margin-left:10px ; margin-top:20px} ul li a{ display:block; height:35px; background:url(leftbg.jpg); padding-left:10px; text-decoration:none; color:#000} ul li a span{ display:block; height:35px; padding-right:10px; background:url(rightbg.jpg) no-repeat right 0; line-height:35px} /style div ul lia href=“#”span学院首页/span /a/li lia href=“#”span校园广播站/span /a/li lia href=“#”span校园风采/span /a/li lia href=#span相册/span /a/li /ul /div
文档评论（0）