Advanced Search

Rounded Menu Bar with html5 and css3

/ Published in: CSS
Save to your folder(s)
I tried a menu bar with html5 and css3. Please give me some advice for more advance.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. a {
  2.     text-decoration: none;
  3. }
  4. nav {
  5.     background-color: #A3A5A8;
  6.     border: 1px solid #FFF;
  7.     border-radius: 6px;
  8.     display: block;
  9.     -moz-border-radius: 6px;
  10.     -webkit-border-radius: 6px;
  11.     -moz-box-shadow: 0 0 14px #123;
  12.     -webkit-box-shadow: 0 0 14px #123;
  13.     box-shadow: 0 0 14px #123;
  14.     font-size: 15px;
  15.     margin-bottom: 10px;
  16.     padding: 8px 2px;
  17.     width: 450px;
  18. }	
  19. nav a {
  20.     padding: 5px 10px;	
  21.     color: #141414;
  22. }
  23. nav .active,
  24. nav a:hover {
  25.     background-color: #000;
  26.     border-radius: 6px;
  27.     color: #FFF;
  28.     -moz-border-radius: 6px;
  29.     -webkit-border-radius: 6px;
  30. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.