Edit in JSFiddle

ul li{
    float:left;
    list-style:none;    
}

ul li a{
    text-decoration:none;
    border-right:3px solid #36C;
    display:block;
    padding:8px 15px;
    background-color:#0CF;
    font-size:20px; 
    color:#000;    
}

ul li:last-child a{
    border-right:none;
    border-radius:0 15px 15px 0;
}


ul li:first-child a{
    border-radius:15px 0 0 15px;
}

ul li a:hover{
    background-color:#F90;
}
<ul>
    <li><a href="">Tencere</a></li>
    <li><a href="">Tava</a></li>
    <li><a href="">Ütü</a></li>
    <li><a href="">Elektrikli Süpürge</a></li>
</ul>