用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...

赞助商链接

热点内容

赞助商链接

篮球介绍英语

重庆欢乐生肖彩票玩法河北11选5走势图基本走势图上海时时彩最快开奖结果查询结果开元棋牌游戏平台西甲视频房产理财怎么赚钱吗甘肃体彩十一选五投注技巧蓝球球探比分网大圣捕鱼下载最新手机版体育彩票36选717019