HTML CSS examples for CSS Property:border-right
Put a link over the right border with shadow
<html> <head> <title>Floating Link</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> nav {<!--from w w w . j a v a2s . c om--> position: fixed; left: 10em; top: 5em; border-right: 100px solid #0000cc; box-shadow: 4px 0 5px rgba(0,0,0,0.8); } #floatingLink { color:#fff; position : absolute; left: 7.5em; top: 1em; z-index: 1; } </style> </head> <body> <nav> <a id="floatingLink" href="http://www.google.com/">Google</a> <ul> <li>White</li> <li>Blue</li> <li>Yellow</li> <li>Black</li> <li>Green</li> <li>Orange</li> <li>Pink</li> <li>Red</li> <li>Magenta</li> </ul> </nav> </body> </html>