Posted By

dkempdesigns on 08/28/12


Tagged

css border nav


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

deonoise


css vertical nav border format


 / Published in: CSS
 

URL: http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

create css menus/lists with no top or bottom border

  1. li:first-child {
  2. border-top: none;
  3. }
  4.  
  5. li:last-child {
  6. border-bottom: none;
  7. }
  8. ul {
  9. width: 200px;
  10. background: #292929;
  11. color: white;
  12. list-style: none;
  13. padding-left: 0;
  14. }
  15.  
  16. li {
  17. padding: 10px;
  18. border-bottom: 1px solid black;
  19. border-top: 1px solid #3c3c3c;
  20. }

Report this snippet  

You need to login to post a comment.