Advanced Search

css vertical nav border format

/ Published in: CSS
Save to your folder(s)
create css menus/lists with no top or bottom border

Expand | Embed | Plain Text

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.