纯CSS实现的竖向导航菜单

</p> <p><title>纯CSS<a href="https://www.kunjuke.com/tag/65007/" title="竖向" target="_blank">竖向</a><a href="https://www.kunjuke.com/tag/1990/" title="导航菜单" target="_blank">导航菜单</a></title> </p> <p>body {<br /> font-family: Verdana, Arial, Helvetica, sans-serif;<br /> margin: 0;<br /> font-size: 80%;<br /> font-weight: bold;<br /> }<br /> ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> #menu3 {<br /> width: 160px;<br /> border: 1px solid #ccc;<br /> margin: 10px;<br /> }<br /> #menu3 li a {<br /> height: 32px;<br /> voice-family: "\"}\"";<br /> voice-family: inherit;<br /> height: 24px;<br /> text-decoration: none;<br /> }<br /> #menu3 li a:link, #menu3 li a:visited {<br /> color: #888;<br /> display: block;<br /> background: url(/upload/2010-3/20100303231545473.gif);<br /> padding: 8px 0 0 30px;<br /> }<br /> #menu3 li a:hover, #menu3 li a:active {<br /> color: #ffffff;<br /> background: url(/upload/2010-3/20100303231637519.png) 0 -32px;<br /> padding: 8px 0 0 30px;<br /> } </p> <ul> <li>北冥有鱼</li> <li>CSS特效</li> <li>源码下载</li> <li>广告联系</li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]