* { padding:0; margin:0; } li { list-style:none } .nav { margin:0 auto } .nav >li { float:left; } ul a { width:100px; height:50px; display:block; text-decoration:none; background-color:black; text-align:center; line-height:50px; color:white; } .text-center { display:none; position:absolute; } .text-center li a:hover { background:red } .nav .text-menu:hover .text-center { display:block; }
一个实用简单的导航条,希望喜欢。