2.1 C
Москва
20.10.2026

55

Как убрать нижнее подчеркивание в html

Как в CSS убрать подчеркивание ссылки

Давайте сегодня решим такую проблему, как стилизация ссылок на страницах вашего сайта, а именно как в CSS убрать подчеркивание ссылки. Данный вопрос в большинстве случаев возникает у начинающих веб-разработчиков и у тех людей, которые не особо разбираются в CSS, но хотят внести некоторые изменения в оформление своего сайта.

Навигация по статье:

  • Отключаем подчеркивание
  • Убираем подчеркивание ссылки CSS при наведении

Смотря на какой CMS работает ваш сайт, и какую тему вы используете, могут возникнуть различные варианты оформления ссылок, и соответственно могут возникнуть различные варианты, как вы можете убрать подчеркивание ссылки в CSS. Давайте рассмотрим основные из них.

Отключаем подчеркивание

Чтобы в CSS убрать подчеркивание ссылки нам нужно воспользоваться специальным CSS-свойством text-decoration со значением none, которое нужно прописать в файле стилей нашего сайта для ссылки.

Вот как это будет выглядеть на примере для ссылок размещенных в блоке с классом .link-blok:

Убрать нижнее подчёркивание в последнем элементе div

Добрый день.
Как сделать чтобы нижнее подчёркивание было после каждого div кроме последнего HTML5 + CSS ?

Вот что у меня есть:

1 2 3 4 5 6 7
nav> ul> li>a href="#">img src="#.png">h1>#/h1>p>#/p>/a>/li> li>a href="#">img src="#.png">h1>#/h1>p>#/p>/a>/li> li>a href="#">img src="#.png">h1>#/h1>p>#/p>/a>/li> /ul> /nav>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
nav ul { list-style-type: none; /* убрать маркер */ padding-left: 0; /* убрать отступы */ margin-left: 0; /* убрать отступы */ } nav ul li{ clear: both; border-bottom: dashed 1px #8d8b8b; } nav ul li a { display: block; /* блочный элемент */ text-decoration: none; /* убрать подчёркивание */ color: #5a5757; } nav img { float: left; width: 48px; height: 48px; border: 1px solid #ccc; margin-right: 10px; } nav ul li a h2 { font-size: 0.875em; } nav ul li a p { font-size: 0.8125em; color: #5a5757; }

Изображения
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

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

Как убрать нижнее подчёркивание?
Как убрать нижнее подчёркивание в теге

Нижнее подчеркивание в именах переменых
Корректно ли в PHP использовать в именах переменных символы нижнего подчеркивания ? например: .

В Label не отображается нижнее подчеркивание
Здравствуйте! Столкнулся с такой проблему, что у меня в Label должен быть текст примерно такого.

1025 / 678 / 295
Регистрация: 04.04.2013
Сообщений: 2,707
Убрать нижнее подчёркивание в последнем элементе div

1 2 3
nav ul li:last-child{ border-bottom: 0; }

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Вывести нижнее подчеркивание три раза
Доброго времени суток! В общем, столкнулся со следующей проблемой — не знаю как решить задачу с.

Верблюжий регистр или нижнее подчёркивание?
Здравствуйте уважаемые форумчане, дайте пожалуйста совет как быть. Я всё чаще и чаще с растущей.

Создать нижнее подчеркивание под текстом
Слово и снизу подчеркивание. Подскажите как сделать с помощью стиля? где писать это, два раза.

Как сделать нижнее подчеркивание у псевдоэлемента
.main:after < content:""; border-bottom:5px solid crimson; >вот небольшой код.

Перенос строки кода, используя нижнее подчеркивание
Вопрос наверное очень глупый, но раньше знал, давно не использовал — и уже забыл как. Как.

После каждого 3-го символа в edit нижнее подчеркивание
Всем привет, помогите пожалуйста, задача такая, после каждого 3-го символа в edit должно.

Как убрать нижнее подчеркивание в заголовке h2?

Здравствуйте. При прохождении урока 5.5 я создавала стили CSS для всех ссылок страниц (a, a:hover). После сохранения появилось нижнее подчеркивание не только у ссылок «забыли пароль» и «регистрация», но также и под заголовком h2 «Вход». Перепроверила несколько раз, но так и не нашла свою ошибку.

Читать:
Как наследовать класс в java

КиноМонстр

Кино — наша страсть!

Поиск

Вход

забыли пароль? | регистрация

Мария Коваленко
1 year ago

Вероятнее всего, у вас где-то в CSS коде ошибка.

Нужно проверять весь CSS-код.

Если вы выложите весь CSS-код, то, возможно, ошибка найдётся.

Пётр Колосов
1 year ago

тут нужно поравить ошибочку

student_8vsRa_2i
1 year ago

Это весь мой CSS код * < margin: 0; padding: 0; >input[type="text"], input[type="password"], input[type="search"] < color: #5d5d5d; width: 60%; padding: 8px; >input, textarea < outline: none; border: none; border: solid 1px #f2f2f2; >h1, h2 < font: normal 170% 'century gothic', arial; margin: 0 0 15px 0; padding: 15px 0 5px 0; color: #000; >h2 < font-size: 140%; >a, a:hover < outline: none; text-decoration: underline; color: #aeb002; >.header < background-color: darkslateblue; height: 177px; font-size: 0.8em; margin-left: 0px; margin-right: 0px; min-width: 900px; >.main, .logo, .menubar, .site_content, .footer < margin-left: auto; margin-right: auto; >.logo < width: 880px; padding-bottom: 40px; >.logo h1, .logo h2 < font: normal 300% 'century gothic', arial, sans-serif; margin: 0 0 0 9px; >.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover < padding: 22px 0 0 0; color: #fff; letter-spacing: 0.1em; text-decoration: none; >.logo_text h2 < font-size: 0.9em; padding: 4px 0 0 0; color: #999; >.menubar < width: 900px; height: 48px; >ul.menu < float: right; >ul.menu li < float: left; li: 0 0 0 9px; list-style: none; margin: 1px 2px 0 0; >ul.menu li a < font: norma 100% 'trebuchet ms', sans-serif; display: block; height: 20px; padding: 6px 35px 5px 28px; color: #fff; text-decoration: none; >ul.menu li.selected a < color: #aeb002; >ul.menu li a:hover < color: #a4ec04; >.site_content < width: 880px; overflow-hidden; margin: 20px auto 0 auto; background-color: white; >.sidebar_container < float: right; width: 224px; >.sidebar < float: right; width: 222px; padding: 5%; margin: 0 0 16px 0; border: solid 1px #f2f2f2; border-radius: 5px; background-color: #f9f9f9; >.btn < padding: 8px; background-color: white; cursor: pointer; >.sidebar h2 < color: #136cb2; >.lables_passreg_text

Мария Коваленко
1 year ago

Всё получилось. Спасибо огромное.

Как убрать подчеркивание у ссылок?

Убираются маркеры на списке, а вот нижнее подчеркивание нет.
Что делать?

  • Вопрос задан более двух лет назад
  • 670 просмотров

Комментировать

Решения вопроса 1

iiiBird

iBird Rose @iiiBird Куратор тега CSS

Пока ты спишь — твой конкурент совершенствуется

ну раз там есть ссылки — у ссылок и убирай
nav a

Ответ написан более двух лет назад

Нравится 2 1 комментарий

Матвей Князев @m0shennik1337 Автор вопроса

Ответы на вопрос 0

Ваш ответ на вопрос

Войдите, чтобы написать ответ

html

  • HTML
  • +1 ещё

Как пофиксти проблему с амперсантом?

  • 1 подписчик
  • 11 часов назад
  • 54 просмотра

html

  • HTML
  • +2 ещё

Подобное поведение норма?

  • 1 подписчик
  • 13 часов назад
  • 106 просмотров

html

  • HTML
  • +3 ещё

Почему не работает переход на страницу?

  • 1 подписчик
  • 14 часов назад
  • 109 просмотров

css

  • CSS

Что за баг с ховером?

  • 1 подписчик
  • вчера
  • 98 просмотров

html

  • HTML
  • +1 ещё

Как блок вывести поверх других?

  • 1 подписчик
  • вчера
  • 56 просмотров

css

  • CSS
  • +1 ещё

Почему не подгружается картинка?

  • 1 подписчик
  • вчера
  • 85 просмотров

css

  • CSS
  • +2 ещё

Как Python и Selenium заставить найти текст?

  • 1 подписчик
  • 18 нояб.
  • 53 просмотра

html

  • HTML
  • +1 ещё

Как сделать данное задание?

  • 1 подписчик
  • 17 нояб.
  • 126 просмотров

javascript

  • JavaScript
  • +2 ещё

Как создать красивый выбор даты в форме?

  • 1 подписчик
  • 17 нояб.
  • 74 просмотра

css

  • CSS

Почему safari воспроизводит transition при открытии страницы?

  • 1 подписчик
  • 17 нояб.
  • 21 просмотр

от 150 000 ₽

от 90 000 до 140 000 ₽

от 150 000 ₽

20 нояб. 2023, в 10:43

2500 руб./в час

20 нояб. 2023, в 10:41

7500 руб./за проект

20 нояб. 2023, в 10:40

5000 руб./за проект

Минуточку внимания

Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями

  • Не могу зайти в mozilla thunderbird, после насройки почтового сервера. Хотя в логах клиент прошел аутентификацию. Что делать?
    • 2 подписчика
    • 0 ответов
    • 3 подписчика
    • 2 ответа
    • 2 подписчика
    • 1 ответ
    • 2 подписчика
    • 1 ответ
    • 2 подписчика
    • 2 ответа
    • 2 подписчика
    • 2 ответа
    • 2 подписчика
    • 4 ответа
    • 2 подписчика
    • 1 ответ
    • 2 подписчика
    • 2 ответа
    • 2 подписчика
    • 1 ответ

Похожие записи

Redmi note 9 какая карта памяти поддерживает

admin

Как включить bluetooth на mac

admin

Где хранятся сообщения viber на андроиде

admin