ComputereProgrammering

Dekorative understregningstegn CSS-elementer

Teknologi stylesheet har to funktioner i udformningen af HTML-sider. Første, med dens hjælp er der en formation position af de enkelte elementer på webstedet. For det andet, det gør enhederne visuelt tiltrækkende for brugeren. Gennemførelse af anden funktion optræder på mange måder. En af dem - underscore. CSS giver for denne attribut tekst- dekoration.

Specifikation attribut rekord

Brug tekst- dekoration ejendom er enkel. Nok til at registrere i CSS-fil kode, følgende linje for elementet:

tekst- dekoration: znachenie_atributa;

I stedet for "znachenie_atributa» CSS specifikation tilbyder en række muligheder:

  • understrege - line placeret direkte under teksten;
  • overlinie - linje løber fra toppen af teksten;
  • ingen - fjernelse af alle dekorative effekter;
  • arve - vedtager værdien af det overordnede element.

Ovenstående er ikke alle mulige former for optagelse, da denne attribut specificerer ikke kun CSS understregning, men andre effekter, såsom "blink" eller overstreget tekst.

Eksempler på design hyperlinks

Begyndere i webdesign og programmering, opstår spørgsmålet: hvorfor gør bundlinjen i teksten? Ved indgangen til den æra af internet-teknologi denne metode til fordeling af brugeren på, at foran ham er et hyperlink - tekst, ved at klikke på, som vil blive gennemført overgangen til en ny side.

Som standard Hyperlink ejendom understregning. I praksis er der et problem at fjerne linjen fra inaktive enheder og gøre det synligt som brugeren bevæger musemarkøren. Her er et eksempel på kode, der deaktiverer understregning CSS links:

a {text-decoration: none; }

For aktive links ved hjælp af følgende angivelser:

a: hover {text-decoration: understrege;}

Dekorative understregning for avanceret

Standard attribut tekst- dekoration har flere begrænsninger:

  • line farve end farven på linkteksten, er det umuligt at skelne mellem deres "farve";
  • Kun den faste linje bruges som understregning. CSS involverer ikke brugen af andre stilarter af mærket.

Men særlige teknikker hjælpe bypass det klassiske look af teksten. I det første tilfælde, at sætte et hyperlink ved hjælp af den valgfri tag .

For eksempel:

"> hyperlink

. >

Som et resultat, vil ordet på siden hyperlinket vil blive skrevet i blå og farven på linjen være rød.

Et andet avanceret metode, der giver mulighed for CSS understregning, - border-bottom. Nedenstående eksempel illustrerer anvendelsen:

en {border-bottom: 1px solid rød;}

Resultatet bliver det samme som i det foregående eksempel. Men denne metode har en vigtig fordel. Ud over at ændre den linje farve (aktuelt indstillede rød - rød), er det muligt at omdanne den metode Indskrift:

  • stiplede - gør punkt understreger;
  • stiplet - linje består af slagtilfælde;
  • dobbelt - trækker en dobbelt linje.

Så tilskriver vedrørende grænser bund er mere funktionel. Ud over visning af dekorative linje under teksten, det gør det muligt at tilpasse dens udseende.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 atomiyme.com. Theme powered by WordPress.