list.html

<style>
    ul {
        padding: 0px;
        
    }
    li:first-child {
       border-left: 1px solid red;
    }
    li {
        list-style: none;
        border-top: 1px solid red;
        border-bottom: 1px solid red;
        border-right: 1px solid red;
        float: left; padding:10px;
        cursor:pointer
    }
    li:hover {
        background:#51bb3d
     }
</style>
 


<ul>
    <li>Home</li>
    <li>About</li>
    <li>Products</li>
    <li>Contact</li>
</ul>