用CSS写的网页导航向上箭头-菜单特效-网页制作大宝库免费网页特效代码

当前位置:主页 > 网页特效 > 菜单特效 > 内容

用CSS写的网页导航向上箭头

时间:2012-03-28 14:27来源:互联网作者:大宝库点击:读取中

次

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

css练习写的实现箭头的写法，可以使用导航菜单鼠标放上去是状态特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .wrap { width:200px; height:50px; position:relative; margin-top:50px; background:#080;} .arrow { width:0; height:0; position:absolute; left:50%; margin-left:-17px; top:-32px; font-size:0; border-width:16px; border-color:transparent transparent #080; border-style:dashed dashed solid; } </style> </head> <body> <div class="wrap"><div class="arrow"></div></div> </body> </html>

(责任编辑：大宝库)

------分隔线----------------------------

推荐内容

CSS+div+js组合强大实现超酷菜单
htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titlecss...
目录式导航菜单-鼠标放上的下拉菜单
!--脚本说明:第一步:把如下代码加入head区域中--SCRIPT language=javascript!--functi...
静态导航菜单
!--脚本说明:把如下代码加入body区域中--BODY bgcolor=#ffffff OnLoad=setVariables()...
特酷下拉菜单
htmltitle特酷下拉菜单－网页制作大宝库dabaoku.com/titleheadstyle type=text/css!--...
移动菜单
HTMLHEADTITLEmoveMenu－中国站长站www.chinaz.com/TITLEMETA content=text/html; cha...
仿QQ导航菜单
htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title仿QQ...

赞助商链接

热点内容

赞助商链接