Beberapa petua tentang cara mengalih keluar pautan garis bawah dalam HTML menggunakan CSS. Bagaimana untuk mengalih keluar garis bawah pautan menggunakan CSS? Panduan Pemula

28 Februari 2017

Bagaimana untuk mengalih keluar garis bawah dalam Word? Jika anda bertanya kepada diri sendiri soalan ini, maka terdapat sesuatu yang tidak kena dengan teks anda. Hakikatnya ialah ini adalah cara program menunjukkan kepada anda beberapa ketidaksempurnaan dalam bahan yang ditulis dalam dokumen. Apakah sebenarnya kekurangan yang perlu dicari dan apa yang perlu dilakukan jika, sebenarnya, semuanya teratur dengan teks?

Bagaimana untuk mengalih keluar garis bawah merah dalam Word?

Ini adalah soalan yang paling mudah. Semua orang yang telah bekerja dengan program ini selama beberapa hari tahu cara mengalih keluar garis bawah merah dalam Word. Warna merah adalah penanda yang paling biasa dalam editor teks ini. Ia menunjukkan bahawa terdapat beberapa ralat dalam teks yang digariskan. Lebih tepat lagi, bukan hanya mana-mana, tetapi salah satu daripada ini:

  • perkataan bergaris tiada dalam kamus,
  • perkataan itu salah ejaan
  • Word juga menekankan pengulangan dalam warna merah.

Jika anda tidak faham apakah ralat dalam bahagian teks ini, klik kanan padanya. Penyemak ejaan terbina dalam akan membantu anda memikirkannya.

Perlu diingat bahawa ralat juga boleh digariskan dalam warna hijau. Ini menunjukkan masalah dengan penggunaan tanda baca, ketidakkonsistenan, kesilapan gaya, dsb.

Terdapat dua pilihan untuk menangani garis bawah merah atau hijau:

  1. Untuk mengalih keluar garis bawah seperti itu, sudah cukup untuk membetulkan ralat.
  2. Anda juga boleh mengklik pada "Langkau" supaya program pengesahan berhenti "melihat" bahagian ini.

Video mengenai topik

Bagaimana untuk mengalih keluar garis bawah biru dalam Word?

Tidak semua orang tahu cara mengalih keluar garis bawah biru dalam Word. Warna ini mungkin tidak ditemui dalam semua versi editor teks. Jika teks di hadapan anda digariskan dengan garis berombak biru, ia mempunyai masalah pemformatan.

Seperti ralat lain, ralat ini boleh dialih keluar dalam salah satu daripada dua cara:

  1. Betulkan. Jika anda tidak faham apakah ralatnya, klik kanan pada kawasan masalah.
  2. Seperti ralat lain, ralat ini juga boleh dilangkau dengan mengklik pada butang yang sesuai.


Bagaimana untuk mengalih keluar garis bawah pautan dalam Word?

Bagaimana untuk mengalih keluar garis bawah dalam Word apabila ia berkaitan dengan baris di bawah pautan? Sudah tentu, situasi timbul agak jarang apabila ini mungkin perlu. Tetapi jika kita telah mula mengkaji isu garis bawah yang tidak perlu, adalah wajar disentuh mengenai jenis ini.

  1. Pilih teks yang anda mahu alih keluar garis bawahnya, kemudian tekan kombinasi kekunci Ctrl+U.
  2. Anda juga boleh mengambil laluan yang lebih panjang: pilih teks, cari di medan atas program dalam tab "Rumah" huruf "H", digariskan di bahagian bawah. Selepas mengklik padanya, baris di bawah teks yang dipilih akan hilang.
Sumber: fb.ru

semasa

Macam-macam
Macam-macam

Jika anda bertanya kepada diri sendiri soalan ini, kemungkinan besar anda tidak begitu biasa dengan gaya CSS. Dalam artikel ini, saya akan menerangkan cara anda boleh mengalih keluar garis bawah pautan menggunakan CSS, dan juga memberitahu anda tentang tugas yang bertentangan, cara membuat pautan digariskan pada tuding, dsb. Mari kita pertimbangkan semua pilihan yang mungkin.

Hiasan teks sifat CSS khas bertanggungjawab untuk menggariskan pautan, yang boleh mengambil nilai berikut:

  • garis bawah (ada garis bawah);
  • tiada (matikan garis bawah);

Contoh penggunaan text-decoration

Contoh No. 1. Alih keluar garis bawah daripada pautan

Mari kita pertimbangkan pilihan pertama, di mana kita akan menetapkan gaya umum (templat) untuk pautan (warna dan saiz) dan juga menentukan dua kelas pautan. Kelas podcherk menghidupkan garis bawah untuk pautan, dan notpodcherk mengalih keluar garis bawah dengan sewajarnya. Kod berikut menunjukkan ini:

Ссылка с подчеркиванием Ссылка без подчеркивания Ссылка с подчеркиванием и без class

Вот во что преобразуется этот код:

Пример №2. Убираем подчеркивание при наведение

Теперь рассмотрим такой случай, чтобы сделать подчеркивание ссылки при наведение курсора на неё.

Ссылка 1

Пример №3. Делаем красивое подчеркивание

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

Ссылка с пунктирным подчеркиванием Ссылка со сплошным подчеркиванием Ссылка с подчеркиванием в виде фона

Преобразуется на странице в:

Вот в принципе и все самые интересные примеры по подчеркиванию ссылок. Главным ответом на вопрос этой статьи служит строка: text-decoration: none (убирает подчеркивание).

По умолчанию, браузеры применяют определенные наборы стилей CSS к конкретным HTML-элементам . Для гиперссылок эти стили по умолчанию определяют, что любой текст ссылки отображается синим цветом с CSS underline . Это делается для того, чтобы посетители сайта могли легко определить, что данный текст представляет собой ссылку. Многие веб-дизайнеры не уделяют внимания этим стилям по умолчанию, особенно это касается подчеркивания. К счастью, CSS позволяет легко изменить внешний вид гиперссылок.

Удаление подчеркивания ссылок

Подчеркнутый текст может сложнее читаться, чем обычный. Многие дизайнеры просто не уделяют этому должного внимания. Но можно полностью удалить подчеркивание. Для этого мы будем использовать свойство CSS text-decoration . Вот CSS-код , с помощью которого это можно сделать:

a { text-decoration: none; }

С помощью этой строки кода можно удалить CSS underline style всех ссылок.

Предостережение относительно удаления подчеркивания

Нравится вам подчеркивание или нет, нельзя отрицать того, что оно позволяет указать на связь текста со ссылкой. Если убрать подчеркивание или изменить синий цвет ссылок, то нужно предоставить взамен стили, которые позволяют выделить текст ссылок. Это сделает взаимодействие посетителей с сайтом интуитивным.

Не подчеркивайте текст, не связанный со ссылкой

Не подчеркивайте текст, который не является ссылкой. Люди привыкли к тому, что подчеркнутый текст (с помощью CSS underline color ) является ссылкой. Если вы подчеркиваете контент, чтобы акцентировать на нем внимание (вместо того, чтобы вывести его полужирным шрифтом или курсивом ), вы вводите пользователей сайта в заблуждение.

Измените сплошное подчеркивание точками или пунктиром

Если хотите сохранить подчёркивание ссылок, но при этом изменить стиль по умолчанию (линия «solid « ), это можно сделать следующим образом. Вместо сплошной линии используйте точки. Для этого нужно удалить подчеркивание и заменить его свойством border-bottom :

a { text-decoration: none; border-bottom:1px dotted; }

Так как стандартное CSS text decoration underline мы удалили, будет отображаться только линия из точек:

То же самое можно сделать, чтобы получить пунктирное подчеркивание. Просто измените значение border-bottom на dashed :

a { text-decoration: none; border-bottom:1px dashed; }


Изменение цвета подчеркивания

Еще один способ обратить внимание пользователей на ссылки — изменить цвет подчеркивания. Н забудьте, что цвет text underline CSS должен соответствовать используемой цветовой схеме:

a { text-decoration: none; border-bottom:1px solid red; }


Двойное подчеркивание

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

a { text-decoration: none; border-bottom:3px double; }


Также можно использовать подчеркивание по умолчанию, чтобы создать альтернативное двойное подчеркивание. Например, чтобы одна из линий была двойной:

a { border-bottom:1px double; }


Не забывайте о различных состояниях ссылок

Также можно использовать border-bottom для различных состояний ссылок. Использование псевдокласса :hover поможет улучшить опыт взаимодействия пользователей. Чтобы создать второе точечное подчеркивание, выводимое при наведении на ссылку курсора мыши, используйте следующий код и деактивацию CSS text decoration underline :

a { text-decoration: none; } a:hover { border-bottom:1px dotted; }


Перевод статьи «How to Change Link Underlines on a Webpage » был подготовлен дружной командой проекта .

Хорошо Плохо

Верстка любого информативного текста подразумевает включение смысловых гиперссылок или анкоров. Добавляются эти элементы при помощи тега "а" (anchor). Современные браузеры по умолчанию отображают подобный элемент с Зачастую верстальщики или веб-дизайнеры предпочитают либо изменять этот стиль, либо удалять его вообще.

В некоторых случаях это действительно необходимо. К примеру, в плотном ссылочном блоке, где лишнее оформление будет только перегружать восприятие, и затруднять чтение документа. Однако в некоторых случаях целесообразно сохранять разграничение текста и ссылок. Если дизайн сайта полностью исключает подобное форматирование, то стоит применить любой другой вид выделения таких элементов. Самым распространенным видом разграничения сегодня является цветовой контраст анкоров в тексте. Это эффективно. Единственным небольшим минусом такого варианта станет проблема выделения текста людьми, которые не могут воспринимать различные цвета (дальтонизм). Но это настолько низкий процент пользователей, что им можно пренебречь.

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

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

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

text-decoration: none;

Эта небольшая строка удалит полностью на всем сайте подчеркивание всех элементов прописанных при помощи тега "а".

Но что делать, если у вас нет доступа к файлу CSS?

В таком случае целесообразным является применения тега Style в начале документа. Работает так же, как и файл CSS. Для того чтобы применить стили, необходимо в самом начале документа (или HTML страницы) дописать конструкцию, в которой действуют обычные правила CSS стилей.

Эти стили применяются только к определенной странице. В других разделах или документах сайта они действовать не будут.

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

Но как быть, если необходимо убрать подчеркивание ссылки при наведении? CSS и в этом случае сможет нам помочь. Код будет выглядеть так:

text-decoration: none;

Именно псевдокласс « :hover » отвечает за декорацию элементов при наведении курсора.

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

text-decoration: none;

text-decoration: underline;

Применение идентификаторов и классов

Как видно из вышеописанного, изменить стилизацию элемента на сайте или html-документе достаточно легко. Минусами таких вариантов являются невозможность выборочного применения стилей: не ко всему сайту или документу, а к конкретной ссылке.

Есть несколько вариантов решения этой проблемы.

Убрать подчеркивание ссылок можно инлайново. Хотя это категорически не рекомендуется делать с точки зрения оптимизации работы сайта.

Для этого необходимо непосредственно в теге ссылки указать параметр Style:

Второй вариант является более приемлемым.

Вводим в элемент дополнительный класс или id и уже этим селекторам присваиваем нужные нам стили:

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

None_ decoration{

text-decoration: none;

Идентификатор обозначается знаком #:

#none_ decoration{

text-decoration: none;

Данное правило применимо как к файлу CSS, так и к тегу Style

Изменение стиля отображения ссылки в тексте

Сделать это тоже достаточно просто:

color:*указать нужный цвет в любом формате (*red, #c2c2c2, rgb (132, 33, 65)*)* ;

Применяется подобная стилизация по тем же правилам, что описаны для отмены подчеркивания ссылки. CSS-правила в данном случае идентичны. Изменение цвета ссылки и отмена подчеркивания могут быть применены как отдельная стилизация (тогда ссылка останется подчеркнутой, но изменит цвет со стандартного синего на необходимый вам).

Замена стандартной стилизации

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

text-decoration-style:

  • Если нужна сплошная линия, указываем значение solid.
  • Для волнистой линии - wavy.
  • Двойная линия - соответственно double.
  • Линию можно заменить на последовательность точек - dotted.
  • Подчеркнуть слово в виде пунктира - dashed

А также можно изменить положение линии относительно текста:

Конструкция line-text-decoration-line может принимать значения:


И цвет (не путать с цветом текста!):

text-decoration-line: (любой цвет в любом формате *red, #c2c2c2, rgb (132, 33, 65)* ).

Для удобства все три позиции можно писать вместе в конструкции:

text-decoration: red, line-through, wavy.

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

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

Убираем различные линии

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

Если текст подчеркнут с использованием стандартной функции подчеркивания Microsoft Word, убрать его можно следующим образом:

1. Выделите текст, из которого нужно убрать подчеркивание.

2. Заходите в раздел «Главная » и обратите внимание на пункт «Шрифт ».

3. Нажимайте на кнопку «Ч ».

4. Установите курсор после крайнего символа в документе (откуда начнете дальше писать) и посмотрите, стоит ли использование этого форматирования для последующего текста (выделена ли кнопка «Ч »). Если да, снимите выделение и можно писать нормально.

Некоторым пользователям мешают всевозможные зеленые и красные подчеркивания, которые вызываются из-за работы автоматического сервиса проверки правописания в тексте. В данном случае два варианта:

Первый – отдельно просмотреть все исправления и согласиться/отклонить их. Делается следующим образом:

  • Кликните правой кнопкой мыши по отдельному слову (или любому слову в подчеркнутом словосочетании), под которым есть подчеркивание, после, выберите один из пунктов исправления.
  • Если вы считаете, что варианты исправления являются некорректными или программа по ошибке считает слово неправильным, просто нажмите «Добавить в словарь » или «Пропустить ».

Или можете просто отключить функцию автоматического правописания, делается следующим образом:

1. Нажимайте на значок «Word » или клавишу «Файл » в верхнем левом углу (в зависимости от используемой версии программы).

2. Выбирайте пункт «Параметры ».

3. Кликайте на «Правописание ».

4. Убирайте галочки с пунктов, указанных на скрине.

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

Дополнительные способы снятия подчеркивания вы можете .