最近在复习CSS,用CSS做的菜单显示,后面再详解。
<!DOCTYPE html />
<html>
<head>
<title>纵向菜单</title>
<style type="text/css">
*{
margin:0;padding:0;}
/*制作横向排列的菜单*/
#listmenu{
width:100%;height:200px;background:#cc99ff;}
#listmenu nav{
width:150px;margin-top:20px;background:#ffcccc;}
#nav_left ul{
list-style-type:none;border:1px solid #cc00ff;border-radius:3px;padding:5px 10px 3px;}
#nav_left li{
font-family:楷体;font-size:20px;padding:3px 5px;}
#nav_left li+li{
border-top:1px solid #9900ff;}
#nav_left a{
color:#660099;display:block;text-align:center;text-decoration:none;}
#nav_left a:hover{
color:#006600;}
#nav_left a:active{
color:#ff0000;background-color: