При разработке сайтов или же по мере использования html вёрстки, часто возникает необходимость убрать подчёркивание у ссылок. Добиться этого результата можно одним простым свойством: a {
text-decoration: none;
} Но на этом не все хотят останавливаться и идут дальше, а именно, бывают ситуации, когда необходимо сделать кастомную ссылку, например такую: Если присмотреться, то можно заметить, что подчёркивание не совсем обычного цвета. Добиться такого результата не составит никакого труда. a {
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,.15);
} Как видно в примере выше, мы добавили ещё одно свойство, а точнее, мы добавили нижнюю границу к нашей ссылке и теперь она выглядит иначе.
При разработке сайтов или же по мере использования html вёрстки, часто возникает необходимость убрать подчёркивание у ссылок. Добиться этого результата можно одним простым свойством:
a {
text-decoration: none;
}
Но на этом не все хотят останавливаться и идут дальше, а именно, бывают ситуации, когда необходимо сделать кастомную ссылку, например такую:
Если присмотреться, то можно заметить, что подчёркивание не совсем обычного цвета. Добиться такого результата не составит никакого труда.
a {
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,.15);
}
Как видно в примере выше, мы добавили ещё одно свойство, а точнее, мы добавили нижнюю границу к нашей ссылке и теперь она выглядит иначе.