您的位置:首页 > Web前端 > CSS

纯CSS实现的竖向导航菜单

2018-10-12 14:09 405 查看
纯CSS竖向导航菜单

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu3 {
width: 160px;
border: 1px solid #ccc;
margin: 10px;
}
#menu3 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu3 li a:link, #menu3 li a:visited {
color: #888;
display: block;
background: url(/upload/2010-3/20100303231545473.gif);
padding: 8px 0 0 30px;
}
#menu3 li a:hover, #menu3 li a:active {
color: #ffffff;
background: url(/upload/2010-3/20100303231637519.png) 0 -32px;
padding: 8px 0 0 30px;
}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: