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

Есть ли в любом случае (в CSS), чтобы избежать подчеркивания для текста и ссылок, представленных на странице ..?

Используйте CSS. это удаляет подчеркивания aи uэлементы:

a, u {
    text-decoration: none;
}

Иногда вам нужно переопределить другие стили для элементов, и в этом случае вы можете использовать !importantмодификатор в вашем правиле:

a {
    text-decoration: none !important;
}

CSS это

text-decoration: none;

и

text-decoration: underline;

Это удалит ваш цвет, а также подчеркнет, что тег привязки существует

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

Самый простой вариант:

<a style="text-decoration: none">No underline</a>

Конечно, смешивать CSS с HTML (т.е. встроенным CSS) не очень хорошая идея, особенно когда вы используете aтеги повсюду.
Вот почему лучше добавить это в таблицу стилей:

a {
    text-decoration: none;
}

Или даже этот код в файле JS:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

Используйте CSS, чтобы удалить text-decorationс.

a {
    text-decoration: none;
}

Лучший вариант для вас, если вы просто хотите удалить подчеркивание только из ссылки -

    #content a{
                text-decoration-line:none;
                }

Это удалит подчеркивание.

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

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

Надеюсь это поможет!

PS- Это мой первый ответ!

в моем случае было правило о наведении эффекта на якорь, например:

#content a:hover{
border-bottom: 1px solid #333;
}

Конечно, text-decoration:none;не могли помочь в этой ситуации. И я провожу много времени, пока не узнаю об этом.

Итак: подчеркивание не следует путать с границей.

Когда-нибудь это будет переопределено некоторым рендерингом пользовательского интерфейса CSS Лучше использовать:

a.className {
    text-decoration: none !important;
}

Чтобы представить другую точку зрения на проблему (как следует из заголовка / содержания исходного сообщения):

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

Для Firefox есть FireBug;

Для Opera есть Dragonfly (она называется «Инструменты разработчика» в меню «Инструменты» -> «Дополнительно»; по умолчанию поставляется с Opera);

Для IE есть «Панель инструментов разработчика Internet Explorer», которая является отдельной загрузкой для IE7 и ниже и интегрирована в IE8 (хит F12).

Я не имею представления о браузерах Safari, Chrome и других меньшинствах, но вам все равно, вероятно, следует иметь хотя бы один из трех приведенных выше на вашем компьютере.

Если вы хотите использовать тег привязки просто как ссылку без добавления стиля (например, подчеркивание при наведении или синий цвет), добавьте class="no-style"тег привязки. Затем в вашей глобальной таблице стилей создайте класс «без стиля».

.no-style { text-decoration: none !important; }

Это имеет два преимущества.

1. Это не повлияет на все теги привязки, только те, к которым добавлен класс «без стиля».
2. Он переопределит любой другой стиль, который в противном случае может помешать установке текста-декорации в значение none.

Не забудьте также включить таблицы стилей с помощью тега ссылки

http://www.w3schools.com/TAGS/tag_link.asp

Или заключите CSS в тег стиля на своей веб-странице.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

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

Основы CSS можно узнать в w3schools

<u>

является устаревшим тегом.

Использование ...

<span class="underline">My text</span>

с файлом CSS, содержащим ...

span.underline
{
    text-decoration: underline;
}  

или просто...

<span style="text-decoration:underline">My Text</span>

Используйте свойство css,

text-decoration:none;

Удалить подчеркивание из ссылки.

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

<style>
a{
text-decoration:none;
}
</style>

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

<style>
element-name{
text-decoration:none;
}
</style>

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

Я был обеспокоен этой проблемой в веб-печати и решил. Проверенный результат.

a {
    text-decoration: none !important;
}

Оно работает!.