Подчеркивание ссылок css: Как убрать подчёркивание ссылок

Содержание

Тонкое подчёркивание ссылок с разрывами на буквах «р», «у» и других

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core. php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core. php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core. php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core. php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core. php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core. php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

/core.php, line 2
Error 8192: trim(): Passing null to parameter #1 ($string) of type string is deprecated

Как убрать подчеркивание ссылок? CSS свойство text-decoration :: SYL.ru

Ссылки – неотъемлемая часть любой веб-страницы. Они могут быть как текстовыми, так и в виде кнопок. В этой статье будут рассмотрены только текстовые ссылки.

Ни для кого не секрет, что в HTML все элементы выглядят не очень аккуратно, да и дизайн, откровенно говоря, плохой.

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

Создание ссылки

Для демонстрации работы этого метода, необходимо создать ссылку. В этом поможет стандартный HTML 5.

Чтобы создать ссылку, нужно использовать парный тег «a», который не является блочным. Поэтому, чтобы размещать ссылки на отдельных строчках, необходимо заключать их в теги параграфа (p). Можно воспользоваться и альтернативным способом – задать свойство display: block для каждой ссылки.

Приступаем к созданию ссылки. Вписываем несколько тегов в наш HTML документ. Между открывающим и закрывающим тегом записываем название для нашей ссылки, которое будет отображаться на нашей странице.

Кроме этого, тег «a» имеет целый ряд атрибутов. Обязательным является атрибут href, без которого не будет осуществляться переход по ссылке. В нем указывается путь к странице или файлу, к которому будет вести наша ссылка.

В представленном примере не будет осуществляться переход по другим ссылкам, поэтому можно указать стандартное значение #.

Ссылка создана, теперь ее нужно стилизовать. Существует несколько способов убрать подчеркивание ссылки в CSS:

Атрибут style (располагается внутри тега).
Тег style (располагается в блоке head).
Внешнее подключение стилей с помощью тега link.

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

Совет: при стилизации веб-страницы отдавайте предпочтение внешним ссылкам.

Стилизация ссылки в CSS

В представленном примере будет использоваться внешнее подключение ссылок. Открываем CSS файл, в котором и будем изменять дизайн ссылок.

Кроме ссылок, на этой странице ничего нет. Поэтому будем использовать в качестве селектора тег «a». При желании можете добавить классы для каждой ссылки, но это необязательно.

Записываем селектор «a», в котором будет прописано свойство text-decoration: none;

Одно простое свойство text-decoration используется для того, чтобы с помощью CSS убрать подчеркивание ссылки.

Text-decoration содержит ряд других значений. С его помощью можно сделать и верхнее подчеркивание, однако это используется редко.

Чтобы убрать подчеркивание ссылки, в CSS документе введите следующий код:

Чтобы упростить код, можно использовать простой атрибут – style. В примере, не представлено полноценного дизайна всей странице, поэтому можно использовать и данный способ.

Главное — не расписывать такими способами всю HTML страницу. В таком коде можно очень легко запутаться.

Изменение наведенной ссылки в CSS

Допустим, вы захотели сделать так, чтобы в обычном состоянии ссылки подчеркивание осталось, а при наведении исчезло. Чтобы убрать или задать подчеркивание для ссылки при наведении, в CSS используется псевдокласс «:hover». Вот пример:

Стили можно применять не только к наведенной ссылке, но и к активированной или посещенной. Для этого нужно использовать псевдоклассы «:active» и «:visited».

css — применить стиль подчеркивания гиперссылки только к телу

спросил 1 год, 11 месяцев назад

Изменено 1 год, 11 месяцев назад

Просмотрено 592 раза

Я пытался применить следующий стиль подчеркивания текста привязки к своему веб-сайту, но он также применяется к ссылкам в верхнем и нижнем колонтитулах.

 а {
   текстовое оформление: нет;
   нижняя граница: #EA215A 0,125 мкм сплошная;
}

Как применить этот стиль только к основным ссылкам?

css
стиль
стиль текста

Не существует единого кода, который работает на всех веб-сайтах. Это зависит от HTML-кода — можете поделиться?

Предполагая HTML5, используйте селектор

article

Текст статьи, скорее всего, находится в теге

, если веб-сайт использует HTML5.

В этом случае вы должны использовать:

 статья a {
  текстовое оформление: нет; нижняя граница: #EA215A 0,125 мкм сплошная;
}

Иногда люди помещают теги

и/или

в тег

, поэтому вышеописанное не работает.

Если вывод в формате HTML сделан хорошо, статья, вероятно, будет иметь разделы. Таким образом, замена селектора выше на раздел статьи на может дать вам лучшие результаты, если верхний и нижний колонтитулы выводятся внутри статьи.

Без HTML5

Вам не нужно слепо угадывать, какой селектор есть у содержимого статьи. Щелкните правой кнопкой мыши текст статьи и выберите , проверьте элемент или аналогичный (вероятно, внизу контекстного меню).

Вероятно, вы можете создать селектор, взглянув на теги, какой селектор будет работать для содержимого статьи.

Средства разработки

В этом случае ознакомьтесь с функциями разработки вашего браузера.

Вы должны убедиться, что это работает для всех типов страниц сайта.
Похоже, вы не слишком хорошо знаете HTML… пора с ним ознакомиться.

Должно хватить с

 тело {
 текстовое оформление: нет;
 нижняя граница: #EA215A 0,125 мкм сплошная;
}

Чтобы применить только к телу, вы должны использовать селекторы css, вы можете использовать теги элементов, классы или идентификаторы, чтобы указать, где именно вы должны применять стили.

Взгляните на эту страницу для получения дополнительной информации о селекторах CSS:

https://www.w3schools.com/cssref/css_selectors.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

html — Подчеркивание CSS ссылок

спросил 13 лет, 8 месяцев назад

Изменено 10 лет, 5 месяцев назад

Просмотрено 4к раз

У меня есть следующий стиль для нижних колонтитулов в моем файле css:

 #footer {
    выравнивание текста: по центру;
    размер шрифта: . 7em;
    цвет:#000000;
}

Это html для нижнего колонтитула:

 
   
 //реклама Google
   

   

   Блог   RSS   Autos Usados    Видео Чистосос   Фото де Чавас

   Derechos Reservados © 2008- адрес

Но почему-то некоторые ссылки подчеркнуты.

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

Thx

html
css
гиперссылка
подчеркивание

вы можете попробовать

 #footer a {text-decoration: none}

это означает, что все теги внутри элемента с нижним колонтитулом id не будут иметь подчеркивания.

попытка:

 #нижний колонтитул a{
   текстовое оформление: нет;
}

Применить следующий стиль:

 a, a: ссылка, a: посещение, a: наведение
{
    текстовое оформление: нет;
}

Я намеренно дал вам полный обзор всех состояний, которые может иметь тег

, но вы вполне можете обойтись и следующим:

 a
{
    текстовое оформление: нет;
}

Наконец, если вы хотите, чтобы это применялось только к нижнему колонтитулу:

 #footer a, #footer a:link, #footer a:visited, #footer a:hover
{
    текстовое оформление: нет;
}

Не является прямым ответом на ваш вопрос, но я настоятельно рекомендую установить Firebug в Firefox, поскольку он позволяет вам видеть, какие классы применяются и в каком порядке, что существенно помогает вам отлаживать CSS.

Штирлиц — Сеть печатных салонов в Перми

Подчеркивание ссылок css: Как убрать подчёркивание ссылок — Блог HTML Academy

Тонкое подчёркивание ссылок с разрывами на буквах «р», «у» и других

Как убрать подчеркивание ссылок? CSS свойство text-decoration :: SYL.ru

Создание ссылки

Стилизация ссылки в CSS

Изменение наведенной ссылки в CSS

css — применить стиль подчеркивания гиперссылки только к телу

Предполагая HTML5, используйте селектор

Добавить комментарий Отменить ответ