Inténtalo tú mismo - CSS list-style-border

<!DOCTYPE html>
<html>
<head>
<style>
ul {
   list-style-type: none;
   padding: 0;
   border: 1px solid #ddd;
}

ul li {
   padding: 8px 16px;
   border-bottom: 1px solid #ddd;
}

ul li:last-child {
   border-bottom: none
}
</style>
</head>
<body>

<p>Full-width bordered list:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>