学习下十分酷的css带申明信息导航菜单

显示全部楼层 · 发表于 2015-1-16 10:37:05

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

CSS是CascadingStyleSheets的缩写，不得不承认CSS单独使用会麻烦一点，但其与脚本语言（如我们四阶段所学的Javascript）及XML技术的融合，即可达到绝佳的页面效果。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>十分酷的css带申明信息导航菜单丨网页殊效丨www.ckuyun.com</title><style>*{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.8;}body{background:#333}#info{padding:50px;}#infobox{padding:0px20px;background-color:#640000;}#center{background:#ABBAAC;border-top:2pxsolid#333;padding:20px;}.c{clear:both;height:1px;overflow:hidden;background:#333}#infoboxli{border-right:1pxsolid#000;float:left;margin-right:1px;text-align:center;margin-top:-4px;}a{width:100px;line-height:28px;display:block;}a:link,a:visited{color:#000;background:#FF9900;text-decoration:none;}a:hover,a:active{color:#FFFF00;background:#000;}/*所以下显现TIP的内容*/#infoboxspan{display:none;}#infoboxa:hoverspan{display:block;position:absolute;border:1pxsolid#640000;background:#FFFFCC;margin-top:26px!important;margin-top:20px;color:#000;padding:5px;white-space:nowrap;}</style></head><body><divid="info"><divid="infobox"><ul><li><ahref="http://www.ckuyun.com"><span>从这里能够进进尺度之路首页！</span>网站首页</a></li><li><ahref="#"><span>专注于网页殊效及告白代码！</span>网页殊效</a></li><li><ahref="#"><span>淘客源码下载、CMS体系源码下载！</span>源码下载</a></li><li><ahref="#"><span>链接互换平台，公布友谊链接互换买卖信息！</span>链接平台</a></li><li><ahref="#"><span>生存知识网！</span>生存知识</a></li><li><ahref="#"><span>记得常来哦！</span>您自界说</a></li></ul><divclass="c"></div></div><divid="center"></div></div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
我这个时候还没意识到div在一些新人眼中产生的误导会比我想象的严重，直到第二个美工上班。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 学习下十分酷的css带申明信息导航菜单

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子