В этой статье мы расскажем, как убрать стандартное сплошное подчеркивание у ссылки и добавить на его место пунктирное или даже точечное.
За сплошное подчеркивание ссылок отвечает свойство text-decoration, для отключения сплошного подчеркивания нужно ему задать значение none.
Для того же, чтобы добавить пунктирное,точечное или даже двойное подчеркивание будем использовать свойство border-bottom, важно, чтобы для ссылок не стояло свойство display, со значением block или аналогичным ему, иначе ссылка будет располагаться на всю ширину страницы и подчеркивание появится не только у ссылки но и в пустом пространстве вокруг неё.
Так же для подчеркивания вы при помощи этого способа можете задать другой цвет, отличающийся от цвета самой ссылки.
Остается лишь добавить необходимый стиль для нижнего подчеркивания.
Пример:
Вот как это будет выглядеть:
Эта ссылка с пунктирным подчеркиванием Эта ссылка с двойным подчеркиванием
Добавить комментарий
Авторизоваться с помощью: