Grouped by rounded rect like iOS.

by ginpei

HTML

<ul class="group">
    <li>Lorem</li>
    <li>ipsum</li>
    <li>dolor</li>
    <li>sit</li>
    <li>amet</li>
</ul>
<ul class="group">
    <li>consectetur</li>
    <li>adipisicing</li>
    <li>elit</li>
</ul>

CSS

ul.group {
    margin: 1em;
}
ul.group li {
    background-color: #f9f9f9;
    border: 1px #ccc;
    border-style: solid solid none;
    box-shadow: 0 1px 0 #fff inset;
    color: #333;
    font-weight: bold;
    padding: 8px;
}
ul.group li:first-child {
    border-radius: 8px 8px 0 0;
    box-shadow: 0 1px 0 #f0f0f0 inset;
}
ul.group li:last-child {
    border-bottom-style: solid;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 1px 0 #fff;
}
body {
    background-color: #eee;
}