，CSS折角特效,CSS网页制作特效，网站制作培训资�?/title> <meta name="keywords" content="网站制作培训资料，CSS折角特效,CSS网页制作特效"/> <style> #menu{ font-family:Arial; font-size:14px; } #menu a,#menu a:visited { display:block; float:left; position:relative; color:#FFF; background-color:#06F; padding:6px; margin:0px 3px 0px 0px; text-decoration:none;} #menu a span{ width:0; height:0; position:absolute; top:0; right:0; border-right:solid 6px #FFF; border-bottom:solid 6px #06F; overflow:hidden; } #menu a:hover{ background-color: #0CF; color:#FFF; } #menu a:hover span{ border-bottom:solid 6px #06F; } </style> </head> <body> <h1>此页面为<a href="http://www.zhufengpeixun.cn">珠峰培训</a>公司内部交流页面，草稿知识内容不能对�?/h1><br /> <br />c <div id="menu"> <a href="#"><span class="right"></span>首页</a> <a href="#"><span></span>服务</a> <a href="#"><span ></span>电话</a> </div> <br /> <p><strong> 上面是运行的效果，下面是代码</strong></p> <p>纯CSS写的折角效果的导航菜�?/p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Content-Type" c /><br /> <title>无标题文�?lt;/title><br /> <style> <br /> #menu{ font-family:Arial;<br /> font-size:14px; }<br /> #menu a,#menu a:visited<br /> { display:block; float:left; position:relative; color:#FFF; <br /> background-color:#06F; padding:6px; margin:0px 3px 0px 0px; text-decoration:none;}<br /> #menu a span{ width:0; height:0;<br /> position:absolute; top:0; right:0; <br /> border-right:solid 6px #FFF; border-bottom:solid 6px #06F; <br /> overflow:hidden;<br /> }<br /> #menu a:hover{ background-color: #0CF; color:#FFF; }<br /> #menu a:hover span{ border-bottom:solid 6px #06F; }<br /> </style><br /> </head><br /> <br /> <body><br /> <div id="menu"><br /> <a href="#"><span class="right"></span>首页</a><br /> <a href="#"><span></span>服务</a><br /> <a href="#"><span ></span>电话</a><br /> </div><br /> <br /> <br /> </body><br /> </html><br /> <strong>要想精通CSS网页制作，就来北京珠峰培训学�?/strong></p> <script language="javascript" type="text/javascript" src="http://js.users.51.la/2847456.js"></script><noscript><a href="http://www.51.la/?2847456" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/2847456.asp" style="border:none" /></a></noscript> <script language=JavaScript src=http://float2006.tq.cn/floatcard?adminid=8664740&sort=0></script> </body> </html>