Bij de opmaak van elke informatieve tekst worden semantische hyperlinks of ankers opgenomen. Deze elementen worden toegevoegd met behulp van de tag “a” (anker). Moderne browsers standaard wordt een soortgelijk element weergegeven met Vaak geven lay-outontwerpers of webontwerpers er de voorkeur aan deze stijl te wijzigen of helemaal te verwijderen.

In sommige gevallen is dit echt nodig. Bijvoorbeeld in een dicht linkblok, waar onnodig ontwerp de perceptie alleen maar overbelast en het document moeilijk leesbaar maakt. In sommige gevallen is het echter passend om onderscheid te maken tussen tekst en links. Als het ontwerp van de site dergelijke opmaak volledig uitsluit, is het de moeite waard om een ​​ander type accentuering van dergelijke elementen te gebruiken. Het meest voorkomende type differentiatie is tegenwoordig het kleurcontrast van ankers in de tekst. Het is effectief. Het enige kleine nadeel van deze optie is het probleem van het markeren van tekst door mensen die geen verschillende kleuren kunnen waarnemen (kleurenblindheid). Maar het is zo laag percentage gebruikers dat ze verwaarloosd kunnen worden.

Als u besluit de onderstreping van links te verwijderen, heeft u enige kennis nodig van de structuur van de internetpagina, namelijk CSS.

Verwijder de onderstreping van de link van de hele site

Voor iemand die goed thuis is in webdesign en in het bijzonder, zal het niet moeilijk zijn. Om dit te doen, hoeft u alleen maar het bestand te vinden en te openen in de sitebestanden waarvoor het verantwoordelijk is styling. Meestal bevindt het zich in de hoofdmap en heeft het de extensie .css. U kunt onderstrepingen van links verwijderen met behulp van deze eenvoudige code:

tekstversiering: geen;

Met deze kleine regel wordt de onderstreping van alle elementen die met de tag “a” op de hele site zijn geschreven, volledig verwijderd.

Maar wat als u daar geen toegang toe heeft? CSS-bestand?

In dit geval is het raadzaam om de Style-tag aan het begin van het document te gebruiken. Werkt hetzelfde als een CSS-bestand. Om stijlen toe te passen, is het noodzakelijk helemaal aan het begin van het document (of HTML-pagina's) voeg een constructie toe waarin ze handelen normale regels CSS-stijlen.

Deze stijlen zijn alleen van toepassing op specifieke pagina. Ze zijn niet van toepassing op andere secties of documenten van de site.

Verwijder de onderstreping van de link bij het aanwijzen

Maar wat als u de onderstreping van de link bij het zweven moet verwijderen? CSS kan ons ook in dit geval helpen. De code ziet er als volgt uit:

tekstversiering: geen;

Het is de pseudo-klasse “:hover” die verantwoordelijk is voor het decoreren van elementen wanneer er overheen wordt bewogen.

Door deze twee opties te combineren, kunnen we ervoor zorgen dat de onderstreping van de link alleen verschijnt bij het aanwijzen van de muis, anders ziet het eruit als gewone tekst:

tekstversiering: geen;

tekstversiering: onderstrepen;

Gebruik van identificatiegegevens en klassen

Zoals u hierboven kunt zien, is het wijzigen van de stijl van een element op een website of HTML-document vrij eenvoudig. De nadelen van dergelijke opties zijn de onmogelijkheid om stijlen selectief toe te passen: niet op de hele site of het hele document, maar op een specifieke link.

Er zijn verschillende opties om dit probleem op te lossen.

U kunt de onderstreping van links inline verwijderen. Hoewel dit ten strengste afgeraden wordt vanuit het oogpunt van het optimaliseren van de site.

Om dit te doen, moet u de parameter Style rechtstreeks in de linktag opgeven:

De tweede optie is acceptabeler.

Voer het element in extra klasse of id en wijs de stijlen toe die we nodig hebben aan deze selectors:

Een klasse wordt geschreven met een punt vóór de naam:

Geen_decoratie(

tekstversiering: geen;

De identificatie wordt aangegeven door het #-teken:

#none_decoration(

tekstversiering: geen;

Deze regel is van toepassing op zowel het CSS-bestand als de Style-tag

De weergavestijl van links in tekst wijzigen

Dit is ook vrij eenvoudig te doen:

kleur :*specificeer gewenste kleur in elk formaat (*rood, #c2c2c2, rgb (132, 33, 65)*)*;

Een soortgelijke stijl wordt toegepast volgens dezelfde regels als beschreven voor het ontstrepen van een link. CSS-regels in in dit geval identiek. Het wijzigen van de linkkleur en het verwijderen van de onderstreping kan als aparte styling worden toegepast (dan blijft de link onderstreept, maar verandert de kleur van standaard blauw naar de gewenste kleur).

Vervanging van de standaardstijl

Nog een laatste opmerking. In plaats van de onderstreping ongedaan te maken CSS-links maakt vervanging mogelijk standaard waarden registratie Om dit te doen, vervangt u gewoon de volgende waarden in de tekstdecoratieconstructie:

tekst-decoratie-stijl:

• Als u een ononderbroken lijn nodig heeft, specificeert u de waarde ononderbroken.
• Voor een golvende lijn - golvend.
• Dubbele lijn - respectievelijk dubbel.
• De lijn kan worden vervangen door een reeks punten - gestippeld.
• Onderstreep een woord als een stippellijn - onderbroken

U kunt ook de positie van de lijn ten opzichte van de tekst wijzigen:

De constructie lijn-tekst-decoratie-lijn kan de volgende waarden aannemen:

En de kleur (niet te verwarren met de tekstkleur!):

tekst-decoratie-lijn: (elke kleur in elk formaat * rood, #c2c2c2, rgb (132, 33, 65)*).

Voor het gemak kunnen alle drie de posities samen in de constructie worden geschreven:

tekstversiering: rood, doorgetrokken, golvend.

Hoewel onderstrepen traditioneel wordt gebruikt om tekstlinks te ontwerpen, is het ook acceptabel om andere methoden te gebruiken om het uiterlijk van links te veranderen. Hier zijn er enkele:

• links zonder onderstreping;
• decoratieve accentuering;
• markeren met achtergrondkleur;
• kader;
• foto naast de link.

Links zonder onderstreping

Het onderstrepen van tekstlinks is al een bepaalde standaard geworden en een signaal dat dit niet zomaar tekst is, maar een link. Dit is trouwens een van de redenen waarom je geen onderstrepingen op gewone tekst zou moeten toepassen - gebruikers zullen denken dat ze met een link te maken hebben. Naast het gebruik van onderstrepingen, dankzij CSS, kunnen website-ontwikkelaars dat nu ook doen alternatieve optie- koppelingen maken zonder te onderstrepen. Bij correct gebruik Dit ontwerp van links kan de site zelfs een bepaald effect geven. U hoeft de gebruiker alleen maar duidelijk te maken wat een link is en wat in platte tekst, waarbij ze bijvoorbeeld op kleur worden onderscheiden. U kunt er ook voor zorgen dat wanneer u de cursor beweegt, de link onderstreept wordt, van kleur verandert of beide effecten tegelijkertijd worden gebruikt.

Voorbeeld 1. Geen onderstreping voor links

De :hover en :visited pseudo-klassen hoeven geen tekstversiering toe te voegen, ze nemen de eigenschappen van de a-selector over.

Het onderstrepen van links als u er met de muiscursor overheen beweegt

Om een ​​onderstreping toe te voegen aan links met tekstversiering : none , moet u de :hover pseudo-klasse gebruiken. Het definieert de stijl van de link wanneer de muiscursor erover beweegt. Het enige dat overblijft is het toevoegen van de eigenschap text-decoration voor de pseudo-klasse met de waarde underline (voorbeeld 2).

Voorbeeld 2: Links onderstrepen

Decoratieve linkonderstreping

Het onderstrepen van links kunt u niet alleen met een doorgetrokken lijn instellen, maar bijvoorbeeld ook met een stippellijn. Om dit te doen, moet u de eigenschap border-bottom gebruiken, die een lijn aan de onderkant van het element creëert. Door een van de argumenten voor deze eigenschap op te geven, gestippeld, krijgen we een gestippeld onderstrepingsteken. Voorbeeld 3 laat zien hoe u een blauwe stippellijn instelt voor rode links als u er met de muiscursor overheen beweegt.

Voorbeeld 3: Gestippelde onderstreping voor links

Bij gebruik van de bovenstaande methode stippellijn verschijnt net onder de normale tekstonderstreping. Daarom moet u tekstversiering aan de linkstijl toevoegen met waarde geen zodat u niet twee lijnen tegelijk krijgt (Fig. 1).

Rijst. 1. Gebruik een stippellijn om een ​​link te markeren

Het is niet nodig om een ​​stippellijn te gebruiken; om een ​​dubbele lijn te maken, moet u een waarde opgeven, zoals weergegeven in voorbeeld 4.

Voorbeeld 4: Dubbel onderstreepte links

Door de lijndikte, het type en de kleur te veranderen, kunt u veel verschillende effecten verkrijgen.

Een achtergrondkleur gebruiken

Om een ​​gekleurde achtergrond aan een link toe te voegen, gebruikt u gewoon achtergrond eigendom, door er een kleur aan toe te wijzen toegankelijk formaat. Op dezelfde manier kunt u de :hover pseudo-klasse gebruiken, waarna de achtergrondkleur onder de link verandert als u er met de muis overheen beweegt (voorbeeld 5).

Rijst. 2. Verander de achtergrondkleur wanneer u over een link beweegt

Kader rond de link

Voorbeeld 6 laat zien hoe u de randkleur kunt wijzigen met grens eigendom. Tekstonderstreping via tekstversiering kan worden verwijderd of ongewijzigd gelaten.

Voorbeeld 6. De randkleur van links wijzigen

Om te voorkomen dat het kader aan de tekst blijft “plakken”, worden in het voorbeeld de marges met gebruik maken van opvulling. U kunt ook een achtergrond toevoegen aan het frame met behulp van de eigenschap background.

Als u een kader aan links wilt toevoegen wanneer u erover beweegt, moet u ervoor zorgen dat de tekst in dit geval niet beweegt. De eenvoudigste manier om dit te bereiken is door een onzichtbare rand rond de link toe te voegen en vervolgens de kleur van de rand te wijzigen met behulp van de :hover pseudo-klasse. Transparante kleur aangegeven met trefwoord transparant, anders verandert de stijl niet.

A ( rand: 1px effen transparant; /* Transparante rand rond links */ ) a:hover ( rand: 1px effen rood; /* Rode rand wanneer je over een link zweeft */ )

Foto's naast externe links

Een externe link is een link die naar een andere site verwijst. Zo'n link verschilt niet van lokale links binnen de site; u kunt alleen bepalen waar deze naartoe leidt door naar de statusbalk van de browser te kijken. Maar niet iedereen kijkt naar deze lijn en niet altijd. Om gebruikers te helpen externe links te onderscheiden van reguliere links, moeten ze op de een of andere manier worden benadrukt. Plaats bijvoorbeeld een klein plaatje naast de link waaruit blijkt dat de status van de link anders is (Fig. 3).

Gebruik foto's in de buurt externe links Het mooie is dat een op deze manier ontworpen link duidelijk anders is dan reguliere koppelingen binnen de site, en een correct geselecteerde afbeelding vertelt de bezoeker dat de link naar een andere site leidt. Om de stijl voor lokale en externe links te scheiden, gebruiken we een attribuutkiezer. Omdat alle links naar andere sites zijn geschreven met een protocol, bijvoorbeeld http, volstaat het om de stijl in te stellen voor de links waarvan de href-attribuutwaarde begint met http://. Dit wordt gedaan met behulp van de constructie a (...), zoals weergegeven in voorbeeld 7.

De achtergrondafbeelding bevindt zich rechts van de link en zodat de tekst de afbeelding niet overlapt, wordt er rechts een marge toegevoegd via de eigenschap opvulling-right. Als je een afbeelding aan de linkerkant moet toevoegen, vervang dan 100% door 0, en opvulling-rechts door opvulling-links .

Het protocol kan niet alleen http zijn, maar ook ftp en https. Dit recept werkt niet meer. Voor veelzijdigheid is het dus beter om de selector te veranderen in een . Er staat dat de stijl moet worden toegepast op alle links waarvan het adres // bevat.

MS Word markeert bepaalde woorden in een document door er een lijn onder te tekenen. Hoe onderstrepingen in Word verwijderen? Deze vraag wordt door veel gebruikers gesteld. De manier waarop de lijn onder de tekst wordt geëlimineerd, is afhankelijk van het type. Bestaat standaard formulier onderstrepen, gespecificeerd door opmaakinstellingen, en speciale opties, die automatisch verschijnen tijdens het typen van een document.

Dit artikel helpt u te begrijpen wat elk type tekstmarkering betekent en hoe u er vanaf kunt komen.

Hoe onderstrepingen in Word te verwijderen: opmaakinstellingen

Onderstrepen gebeurt na het kopiëren van tekst uit andere bronnen (bestanden of websites); in sommige gevallen stelt het programma dit automatisch in. Een voorbeeld zijn hyperlinks. Standaard bepaalt de toepassing dat het fragment het pad is naar externe hulpbron, schildert het opnieuw in blauw, onderstreept en plaatst een link.

Als er een regel onder een woord staat, kunt u deze het gemakkelijkst verwijderen door de tekststijlinstellingen te wijzigen. U kunt dit doen met behulp van het tabbladhulpmiddel " Thuis", wat visueel wordt weergegeven als een knop met de letter “H”. IN Engelse versie Het programma voor deze functie komt overeen met de “U”-knop.

Hier is de reeks acties die tot het gewenste resultaat zullen leiden:

• markeer tekst;
• Op het tabblad “Home” maakt u de knop “H” inactief door erop te klikken met de muis.

Gevorderde gebruikers weten hoe ze onderstrepingen kunnen verwijderen Woord snel methode, en gebruik de toetsen om het te verwijderen .

Speciale soorten onderstrepingen

De ingebouwde optie voor het controleren van de juistheid van spelling en leestekens markeert fragmenten met fouten met lijnen van verschillende kleuren. Een rode golvende lijn betekent dat het woord verkeerd gespeld is (of niet aanwezig is in het Word-woordenboek), een groene golvende lijn betekent dat de leestekens gecorrigeerd moeten worden.

Er zijn drie manieren om rode onderstrepingen in Word te verwijderen.

1. Controleer de juiste spelling van het woord en corrigeer deze als er een typefout is gemaakt tijdens het typen.
2. Beweeg over een woord en klik rechter knop muizen en contextmenu kies een van de opties die het programma biedt.
3. Correctie weigeren. Om dit te doen, moet u ook de muiscursor over het woord bewegen, op de rechterknop drukken en "Overslaan" of "Toevoegen aan woordenboek" in het menu selecteren. Een woord dat door de gebruiker in het woordenboek is opgenomen, wordt vervolgens niet als een fout beschouwd.

Bij het controleren van de spelling moet u letten op de taal van het document. In een Russische tekst kan het programma bijvoorbeeld de fout maken dat Engelse woorden verkeerd gespeld zijn.

Hoe groene onderstreping in Word verwijderen? Antwoord: Gebruik de hierboven beschreven methoden. Het verschil is dat de toepassing een grammaticafout heeft aangetroffen.

Programma-instellingen

Een radicale manier om gekleurde golvende lijnen te verwijderen is het uitschakelen van automatische tekstcontrole. Deze bewerking wordt uitgevoerd via het venster met programma-instellingen. In versie 2007 - klik op het Office-logo, in nieuwe versies - ga naar het menu "Bestand". Schakel vervolgens op het tabblad 'Spelling' de velden 'Fouten verbergen' uit.

Dus nu zal de vraag hoe de onderstreping in Word moet worden verwijderd de gebruiker niet langer storen. Automatische correctie gehandicapt. Maar er is ook een minpuntje: je zult handmatig naar fouten in het document moeten zoeken.

Als je jezelf deze vraag hebt gesteld, ben je hoogstwaarschijnlijk niet zo bekend met CSS-stijlen. In dit artikel beschrijf ik hoe je onderstrepingen van links kunt verwijderen met behulp van CSS, en ik zal je ook vertellen over de tegenovergestelde taak, hoe je links kunt onderstrepen tijdens het zweven, enz. Laten we alle mogelijke opties overwegen.

Een speciale knop is verantwoordelijk voor het onderstrepen van links. CSS-eigenschap text-decoration , die de volgende waarden kan aannemen:

• onderstrepen (er is onderstreept);
• geen (schakel onderstreping uit);

Voorbeelden van het gebruik van tekstdecoratie

Voorbeeld nr. 1. Verwijder de onderstreping uit de link

Laten we de eerste optie bekijken, waarin we een algemene (sjabloon)stijl voor links (kleur en grootte) instellen en ook twee klassen links definiëren. De klasse podcherk schakelt de onderstreping van de link in, en notpodcherk verwijdert de onderstreping dienovereenkomstig. De volgende code demonstreert dit:

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

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

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

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

Ссылка 1

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

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

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

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

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

Приложение MS Word выделяет некоторые слова документа, прорисовывая линию под ними. Как убрать подчеркивание в Word? Этим вопросом задаются многие пользователи. Способ, которым ликвидируется линия, находящаяся под текстом, зависит от её вида. Существует стандартная форма подчеркивания, задаваемая настройками форматирования, и специальные варианты, автоматически возникающие при наборе документа.

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

Как убрать подчеркивание в Word: настройка форматирования

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

Если под словом находится линия, самый простой способ её удалить - изменить параметры начертания текста. Сделать это можно, используя инструмент вкладки "Главная" , который визуально представляется собой кнопку с буквой «Ч ». В англоязычной версии программы этой функции соответствует кнопка «U ».

Вот последовательность действий, которая приведёт к требуемому результату:

• выделить текст;
• на вкладке "Главная" сделать неактивной кнопку «Ч », нажав на неё мышкой.

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

Специальные виды подчеркивания

Встроенная опция проверки правильности написания и расстановки знаков препинания отмечает фрагменты с ошибками линиями разных цветов. Красная волнистая линия означает, что слово написано неверно (или оно не присутствует в словаре Word), зелёная волнистая линия - требуется корректировка знаков препинания.

Есть три способа, как убрать красные подчеркивания в Word.

1. Проверить правильность написания слова и исправить его, если при наборе была допущена опечатка.
2. Навести курсор на слово, нажать правую кнопку мышки и в контекстном меню выбрать один из вариантов, предлагаемых программой.
3. Отказаться от исправления. Для этого также следует навести курсор мышки на слово, нажать правую кнопку и выбрать в меню «Пропустить» или «Добавить в словарь». Слово, включённое пользователем в словарь, впоследствии ошибкой считаться не будет.

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

А как убрать зеленое подчеркивание в Word? Ответ: используйте способы, описанные выше. Отличие состоит в том, что приложение обнаружило ошибку грамматики.

Настройки программы

Кардинальный способ избавиться от цветных волнистых линий - отключить автопроверку текста. Выполняется эта операции через окно настроек программы. В версии 2007 - щелчок мышкой по логотипу Office, в новых версиях - переход в меню "Файл". Далее необходимо на вкладке "Правописание" убрать отметки в полях «Скрыть ошибки».

Итак, теперь вопрос о том, как убрать подчеркивание в Word, перестанет тревожить пользователя. Автоматическое исправление отключено. Но есть и минус - искать ошибки в документе придётся вручную.