Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327

Нестандартное подчеркивание у текстовых ссылок

29.06.2016, 16:32. Показов 1369. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Когда-то давно видел такую реализацию, но как теперь найти - хз.

На картинке стиль представлен наглядно

0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
29.06.2016, 16:32
Ответы с готовыми решениями:

Подчёркивание ссылок
Всем доброго времени суток. Создал на сайте верхнее меню с картинками <header class="top_header"> <nav...

подчеркивание ссылок
Добрый вечер! подскажите пожалуйста как с помощью стилей css убрать подчеркивание на ссылках

Подчеркивание ссылок меню
Привет. Есть меню. Активная страница (текущая) меню должна иметь подчеркивание (как на картинке). Все остальные ссылки должны...

5
 Аватар для Kazachek
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
30.06.2016, 08:05
интересно +1
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
30.06.2016, 10:29
Лучший ответ Сообщение было отмечено sending как решение

Решение

CSS
1
2
3
4
5
6
7
8
9
10
11
a {
  font-size: 28px;
  color: rgb(000, 000, 000);
  text-decoration: none !important;
  text-shadow: 0.03em 0 rgb(255, 255, 255), -0.03em 0 rgb(255, 255, 255), 0 0.03em rgb(255, 255, 255), 0 -0.03em rgb(255, 255, 255), 0.06em 0 rgb(255, 255, 255), -0.06em 0 rgb(255, 255, 255), 0.09em 0 rgb(255, 255, 255), -0.09em 0 rgb(255, 255, 255), 0.12em 0 rgb(255, 255, 255), -0.12em 0 rgb(255, 255, 255), 0.15em 0 rgb(255, 255, 255), -0.15em 0 rgb(255, 255, 255);
  background-color: transparent;
  background-image: -webkit-linear-gradient(rgb(000, 000, 000), rgb(000, 000, 000)), -webkit-linear-gradient(rgb(000, 000, 000), rgb(000, 000, 000)), -webkit-linear-gradient(rgb(000, 000, 000), rgb(000, 000, 000));
  background-size: 0, 0, 1px 2px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0% 87%, 100% 87%, 0% 95%;
}
HTML5
1
<a href="">Правила форума</a>
Результат
2
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327
30.06.2016, 10:33  [ТС]
mrtoxas, спасибо!
0
15 / 15 / 5
Регистрация: 24.07.2014
Сообщений: 103
30.06.2016, 10:41
HTML5
1
2
3
4
<a href="#">рафадаце</a>
<style>
a{font-size:30px;text-decoration:none;color:#000;box-shadow:0px 1px 0px #000;line-height:25px;display:table;text-shadow:0 1px #fff,1px 1px #fff,-1px 1px #fff,0 2px #fff,2px 2px #fff,-2px 2px #fff;}
</style>
3
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327
30.06.2016, 10:53  [ТС]
caleblt, спасибо, у Вас тоже не плохое решение
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
30.06.2016, 10:53
Помогаю со студенческими работами здесь

Подчеркивание ссылок стилем dashed
Добрый день, вот такой вопрос. Как сделать так, чтобы ссылки при наведение подчеркивались стилем dashed? Но тут не всё так просто, если...

Как приспустить на пару пикселей подчеркивание ссылок?
Как можно приспустить на пару пикселей подчеркивание у ссылок? Дело в том что я изменил размер текста у ссылки и подчеркивание сливается...

Подчёркивание ссылок у bootstrape
Подскажите, столкнулся с проблемой. У меня есть код: '&lt;a href=./?page=1&gt;&amp;nbsp;&lt;button type=&quot;button&quot; class=&quot;btn btn-primary...

Убрать подчеркивание ссылок
Ребят! Подскажите как в редакторе страниц (Wordpress) убрать подчёркивание со ссылок? выглядит в редакторе примерно так ...

Анимированное подчеркивание ссылок CSS
Уважаемые форумчане, помогите пожалуйста разобраться с логикой анимированного подчеркивания ссылок, как на этом сайте в шапке...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru