https://ruby-china.org/xfeile en-us <p>&lt;!doctype html&gt; </p> Document *{ margin: 0px; padding:0px; border:0; } .nav { background-color: #eee; width:600px; height: 40px; margin: 0 auto; } ul { list-style-type: none; } .nav ul li { float: left; line-height: 40px; text-align: center; } a { text-decoration: none; border: solid 3px purple; border-radius:5px; color: #000; padding: 0 10px; display: block; } a:hover { color: #FFF; background-color: #666; } <p> </p> <ul> <li><a href="#">home</a></li> <li><a href="#">products</a></li> <ul> <li><a href="#">coffee</a></li> <li><a href="#">cake</a></li> </ul> <li><a href="#">service</a></li> <li><a href="#">faqs</a></li> <li><a href="#">about us</a></li> </ul> <p> </p> xfeile Wed, 30 Apr 2014 03:07:13 +0800 https://ruby-china.org/topics/18926 https://ruby-china.org/topics/18926