Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{padding: 0; margin: 50px 0;}

        body {background-color: lightyellow;}

        .container {width: 800px; margin: auto;}

        menu ul li {
            float: left;
            list-style: none;
        }
        menu ul li a{
            text-decoration: none;
            background-color: #555;
            color: white;
            padding: 20px 65px;
            text-align: center;
        }
        menu ul li a.first {
            border-radius:25px 0 0 0;
        }
        menu ul li a.last {
            border-radius:0 25px 0 0;
        }
        menu ul li a:hover {
            color: #555;
            background-color: #fff;
        }
    </style>
</head>
<body>
    <div class="container">
        <menu>
            <ul>
                <li><a href="" class="first">Test</a></li>
                <li><a href="">Test</a></li>
                <li><a href="">Test</a></li>
                <li><a href="">Test</a></li>
                <li><a href="" class="last">Test</a></li>
            </ul>
        </menu>
    </div>
</body>
</html>