带缺口指向的横向纯CSS菜单

2024-09-05 12:19:32

字体：大中小

来源：转载

供稿：网友

带缺口指示的横向纯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=gb2312" /><title>带缺口指向的横向纯CSS菜单</title><style type="text/css"></style></head><body><div id="navcontainer"><ul id="navlist"><li id="active">Item one</li><li>Item two</li><li>Item three</li><li>Item four</li><li>Item five</li></ul></div></body></html>

上一篇：可分级的CSS+JS竖直菜单

下一篇：鼠标放上会改变字体的CSS导航条