css vertical nav border format


/ Published in: CSS
Save to your folder(s)

create css menus/lists with no top or bottom border


Copy this code and paste it in your HTML
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.