Att ändra visningsparametrarna för länkar i html kan göras med hjälp av cascading css-stilark. De låter dig anpassa visningen av länksteckensnittet, dess färg innan användaren klickar på det och efter musklicket. Du kan också ändra typsnittet på det använda teckensnittet och dess storlek.
Instruktioner
Steg 1
Klasser och pseudoklasser används för att ställa in länkparametrar i css. Pseudoklassen a: länk anger stilen för en vanlig länk, med: besökt kan du anpassa visningen av en redan använd länk. A: aktiv hanterar taggens parametrar när markören klickas på elementet, och a: svävar ställer in länkens stil när du svävar över den. Du kan också skapa valfri klass för elementet själv och i parametrarna använda standardoperatörer för att formatera texten.
Steg 2
För att inaktivera visningen av undertexten för länktexten i webbläsaren, använd parametern text-decoration: none. Du kan ange detta attribut både i en klass och i en pseudoklass för ett element. För att ändra länkens färg, använd färgparametern för storleken - standardtypstorleksattributet. Om du vill inkludera fetstil eller kursiv typ, använd parametern font-weight.
Steg 3
Öppna din html-fil med vilken textredigerare du använder för att redigera sidkoden. Därefter går du till ett avsnitt i ditt dokument och ställer in css-koden för framtida länkar på sidan med ett handtag. Till exempel:
Ändra länkar
a: länk {text-dekoration: ingen;
teckenstorlek: 14 pixlar;
font-vikt: fet;
färgen röd; }
Steg 4
Den här koden tar bort understrykningen från en vanlig länk, ställer in textstorleken på 14 pixlar, tillämpar en fet stil och röd färg på elementet. Nu visas en länk i taggen så här.
Steg 5
Du kan utforma för varje specifik länk med hjälp av css-klasser. Således, om koden i taggen ser ut som:
a.link1 {font-size: 20px; svart färg;}
Steg 6
Du kan ställa in storleken på länken till 20 pixlar och svart genom att använda klassen i dokumentets kropp enligt följande:
Länk
Från exemplet kan du se att länken tilldelades den skapade steg tillbaka css-kodklassen genom att ange länkens klassattribut. Den här länken visas nu i svart och har en storlek på 20 pixlar. För att ändra detta attribut, redigera css-koden för sidavsnittet.
Steg 7
Om du ändrar utseendet på länken kan du spara ändringarna i filen och köra den för visning i en webbläsare.
