* { margin:0; padding:0; list-style:none; } body { font-size:14px; } .nav { width:200px; height:30px; margin:20px auto; } .nav p { display:block; padding-left:10px; line-height:30px; border:1px solid #CCC; } .set { background:url(images/btn_2.png) 165px 10px no-repeat; } .select { background:url(images/btn_1.png) 165px 10px no-repeat; } .new { width:198px; position:absolute; border:1px solid #CCC; display:none; } .nav ul li { line-height:30px; padding-left:10px; } .nav ul li:hover { background:#CCC; color:#FFF; }
对各个栏目内容进行选择,选择不用内容有不同效果