<div style="position:absolute; top:10px; right:200px; width:448px; border:1px solid blue;"><marquee behavior="slide" direction="right" scrollamount="4" loop="5"><a href="https://easywd.vitsolutions.lv/" target="_self" title="Labs Resurss"> <img src="../easywd.png" border="0" width="448" height="174"></a></marquee></div><link rel="stylesheet" type="text/css" href="http://www.easywd.lv/css/menu_f1.css"><link rel="shortcut icon" href="http://www.easywd.lv/css/favicon.ico">

 

CSS izmantošana stilizējot Linkus (hipersaites)


 

Saites var būt veidotas dažādos veidos.


Stilizējot Saites

Saites var būt veidoti ar jebkuru CSS īpašību (piemēram, krāsu, fontu, ģimene, fons, utt.)

Turklāt, saites var būt veidoti atšķirīgi atkarībā no tā, kādā
stāvoklī tie ir
, piemēram aktīva saite, virs saites ir peles kursors, jau iepriekš
apmeklēta saite....

Četras saites stāvokļi ir:

  • : link - normāls, unvisited saiti
  • : visited - saikne lietotājs ir apmeklējis
  • : hover - saikne, kad lietotājs Peles pār to
  • : active - saikne brīdis ir noklikšķināts

Piemērs

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

Izmēģiniet to pats »

Nosakot stilu vairākus saite valstīm, ir daži pasūtījuma noteikumi:

  • : hover jānāk pēc: saite un:visited
  • : active jānāk pēc:hover

Bieži izmantotie Link stili

Iepriekš minētajā piemērā saiti maina krāsu atkarībā no tā, kādā stāvoklī tas ir iekšā

 

Teksts Apdares text-decoration

Teksta noformēšanas īpašība ir galvenokārt izmantota, lai noņemtu uzsvaru, no saites:

Piemērs

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

Izmēģiniet to pats »

Fona krāsa ( background-color )

Fona krāsu īpašība norāda fona krāsu saitei:

Piemērs

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

Izmēģiniet to pats »


Piemēri

Vairāk Piemēri

Pievienot dažādus stilus hipersaites
Šis piemērs parāda, kā pievienot citus stilus hipersaitēm.

Advanced - Izveidot saitei kastes    <------IESAKU APSKATĪTIES ŠO PIEMĒRU
Šis piemērs parāda spēcīgākās piemēru, kur mēs apvienot vairākus CSS īpašības, lai parādītu saites, kā lodziņos.

Komentāri (0)  |  2013-11-11 19:42  |  Skatīts: 3201x

Atpakaļ