Overflow: Hidden to crop with rounded corners

by beau

HTML

<ul>
  <li>asdf</li>
  <li>asdf</li>
  <li>asdf</li>
</ul>

SCSS

body {
    padding: 20px
}
ul {
    border-radius: 10px;
    background: tan;
    overflow: hidden;
}
li {
    padding: 10px;
}
li:first-child {
    background: black;
    color: white;
}