<nav> <a href="#">Home</a><a href="#">About Us</a><a href="#">Products</a> </nav>
nav { background: url(http://thenewcode.com/assets/images/clouds.jpg) no-repeat; margin: 0; width: 100%; background-color: #ccf; margin-bottom: 4rem; } nav a { text-decoration: none; color: #fff; padding: 1.5rem; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7); transition: background 1s; font-size: 1.2rem; display: inline-block; } nav a:hover { background: rgba(0, 0, 0, 0.7); }