-Menu-L1-
-HTML-
<body> <ul> <li><a href="#">What's New</a></li> <li>新着情報</li> <li><a href="#">News Release</a></li> <li>ニュース／お知らせ</li> <li><a href="#">Products</a></li> <li>製品情報</li> <li><a href="#">Retail Shop</a></li> <li>店舗案内</li> <li><a href="#">Company</a></li> <li>会社案内</li> </ul> </body>
-CSS-
* { margin: 0; padding: 0; } ul { width: 270px; margin: 20px; padding: 10px 5px; background: gray; list-style: none; } ul li { background: white; text-align: center; } ul li:nth-of-type(odd) { border-bottom: solid 1px darkgoldenrod; } ul li:nth-of-type(even) { padding: 5px 0; font-size: 14px; color: goldenrod; } ul li:nth-of-type(even):not(:last-of-type) { margin-bottom: 10px; } a { display: block; padding: 15px 0; text-decoration: none; color: gray; } a:hover { background: rgba(184,134,11,0.5); }