Вчера делал вертикальный список ссылок(ul), с подчеркиванием в виде пунктирной линии.
Делается это как Вам наверно известно достаточно просто:
при помощи вот такой конструкции CSS:
li a {
    text-decoration: none;
    border-bottom: 1px dashed #00bfff;
}
То есть сначала убираем любое оформление текста при помощи text-decoration: none, а затем добавляем свойства для нижней границы элемента списка при помощи border-bottom.
И вот тут то меня и ждал косяк. оказывается border-bottom у последнего элемента в списке не срабатывает потому что она совмещена с границей самого списка - ul.
Пришлось искать выход, который был найден путем добавления padding-bottom: 5 px к тегу списка:
ul {
    list-style: none;
    padding-bottom: 5px;
    }