介绍 & lt; !DOCTYPE html公众“-//W3C XHTML 1.0//DTD//EN"过渡;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head>
& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=gb2312"/比;
& lt; title> CSS制作一个三角的导航提示效果& lt;/title>
& lt;/head>
& lt; style>
#菜单{宽度:500 px;填充:0;保证金:40 px汽车;list-style-type:没有;}
李#菜单{宽度:100 px;浮:左;行高:30 px}
#菜单{:相对;显示:块;文字修饰:没有;背景:# cccccc;宽度:100 px;}
#菜单跨度{显示:块;粗细:大胆,颜色:# 000;边框样式:固体;边框宽度:0 px 2 px 2 px 0 px;边框颜色:# fff # fff # 06 # fff; text-align:中心;}
#菜单em{显示:没有;}
#菜单:悬停{背景:# FF0000;}
#菜单:悬停跨度{颜色:# fff;}
#菜单:悬停em{显示:块;溢出:隐藏;边界:6 px固体# 06;边框颜色:# 06 # fff;边框宽度:6 px 6 px 6 0 px;位置:绝对的;左:50%;上图:100%;margin-left: 6 px;}
& lt;/style>
& lt; body>
& lt; ul id=癿enu"祝辞
& lt; li> https://www.yisu.com/zixun/& lt; a href=" # "> CSS教程
<李> CSS布局
<李> CSS兼容性
<李> CSS
身体
这篇文章主要介绍CSS如何制作一个三角的导航提示效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!