<<PREV | TOP | NEXT>>

A $BMWAG$N8+1I$($N@)8f(B

  1. Anchor $BMWAG(B - $B%O%$%Q!<%j%s%/(B
  2. $BB>%Z!<%8$X$N%j%s%/(B - $B;OE@%"%s%+!<(B
  3. $B%Z!<%8Fb$X$N%j%s%/(B - $B=*E@%"%s%+!<(B
  4. $B%a!<%k%"%I%l%9$X$N%j%s%/(B
  5. $B%j%s%/$N2<@~$NI=<($HHsI=<((B - CSS $B$K$h$k8+1I$($N;XDj(B

last modified 10th/Oct. 2000

$BKX$I$N%V%i%&%6$G$O;OE@%"%s%+!href $BB0@-$r;}$D(B A $BMWAG(B$B!K$K$O2<@~$,0z$+$l!"K,Ld:Q$_$N%j%s%/$HL$K,Ld$N%j%s%/$N?'$rJQ2=$7$F6hJL$G$-$^$9!#(B

$B$3$l$i$O(B CSS $B$K$h$C$FD4@0$G$-$^$9!((B

CSS1

CSS1 $B$G$N(B link $B5<;w%/%i%9$KIU$$$F>R2p$7$^$9!#%O%$%Q!<%j%s%/!J(Bhref $BB0@-$r;}$D(B Anchor $BMWAG!K$,K,Ld:Q$_$HL$K,Ld$G?'$,JQ2=$9$k!V$"$l!W$G$9!#(B

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>Link Pseudo-Element</title>
<meta http-equiv="content-style-type" content="text/css">
<style type="text/css">
<!--
A:link { color: navy; text-decoration: underline }
A:visited { color: maroon; text-decoration:none }
A:active { color: green }
-->
</style>
</head>
<body>
<p>
$B$3$NJ8=qCf$N;OE@%"%s%+!<$O!"L$K,Ld$N>l9g$O:0?'!"K,Ld:Q$_$N>l9g$O7*?'!"(B
$B%"%/%F%#%V$J>l9g$O?
$B>e$NNc$G;XDj$7$F$$$k%9%?%$%k(B
a:link$BL$K,Ld$N%j%s%/(B$B?'$O:0?'$G2<@~$,0z$+$l$k(B
a:viisted$BK,Ld:Q$_$N%j%s%/(B$B7*?'$G2<@~$,0z$+$l$J$$(B
a:active$B%"%/%F%#%V>uBV$N%j%s%/(B$BNP?'(B

$B0?$kMWAG$KCmL\$7!"$=$N>uBV$K$h$C$F6hJL$9$k%;%l%/%?$r!V5?;w%/%i%9!W$H8F$S$^$9!#(B CSS1 $B$G$O(B href $BB0@-$r;}$D(B A $BMWAG!J%j%s%/!K$K8B$j5?;w%/%i%9$,Dj5A$5$l$F$$$^$9!#(B

$B%j%s%/5?;w%/%i%9(B
:link$BL$K,Ld$N%j%s%/(B
:visited$BK,Ld:Q$_$N%j%s%/(B
:active$B:nF0Cf$N%j%s%/(B

$BNc$($P!"(B a:active $B$N>l9g$O!"!V(B A $BMWAG$G$"$j!"3n$D3hF0Cf$G$k>uBV!W$r

$B$3$l$i$N5?;w%/%i%9$O2?$l$bAj8_$KGSB>E*$G!"Nc$($P!V(B :link $B3n$D(B :active $B$JMWAG!W$OM-$jF@$^$;$s!#(B

$B$3$l$i$O%j%s%/MWAG$K$7$+E,MQ$G$-$J$$5?;w%/%i%9$J$N$G!"MWAGL>$O>JN,$7$F$bEy2A$G$9!#B($A!"

A:link { color: navy }   /* :link $B5?;w%/%i%9$r;}$D(B A $BMWAG$K%^%C%A(B */
:link { color: navy }    /* $B>e$KF1$8(B */

CSS2

$BF0E*$J5?;w%/%i%9(B
:active$B3hF0Cf$N>uBV(B
:hover$B%+!<%=%k$J$I$N%]%$%s%?$,>e$K>h$C$F$$$k>uBV(B
:focus$B%F%-%9%HF~NO!"%?%V%-!<0\F0$J$I!"%f!<%6$NA`:nBP>]$K$J$C$F$$$k>uBV(B

CSS2 $B$N5?;w%;%l%/%?$O$I$NMWAG$K$bE,MQ$G$-!"(B p:hover $B$H$"$l$P!"!V(B P $BMWAG$G$"$j!"3n$D%+!<%=%k$,>e$K>h$C$F$$$k>uBV!W$r

:link { color: navy }        /* a:link $B$HF1$8(B */
:visited { color: maroon }   /* a:visited $B$HF1$8(B */
:link, :visited { text-decoration: underline }
a:hover { color: purple; text-decoration: none }
a:active { color: green  }
a:focus { color: black; font-style: italic }
$B>e$NNc$G;XDj$7$F$$$k%9%?%$%k(B
:link$BL$K,Ld$N%j%s%/(B$B?'$O:0?'$G2<@~$,0z$+$l$k(B
:viisted$BK,Ld:Q$_$N%j%s%/(B$B7*?'$G2<@~$,0z$+$l$k(B
a:hover$B%+!<%=%k$,>e$K>h$C$?>uBV$N%j%s%/(B$B;g?'$G2<@~$,0z$+$l$J$$(B
a:active$B%"%/%F%#%V>uBV$N%j%s%/(B$BNP?'(B
a:focus$B%U%)!<%+%9$5$l$F$$$k%j%s%/(B$B9u?'$G%U%)%s%H$,

$BI=<(Nc!((B

$BL$K,Ld$N%j%s%/!J2?=h$K$b%j%s%/$7$F$$$^$;$s!K(B, $BK,Ld:Q$_$N%j%s%/(B

$B%+!<%=%k$r>e$K:\$;$k!"(B Tab $B%-!<$G%U%)!<%+%9$9$k!"%/%j%C%/$9$k!J%"%/%F%#%V>uBV$K$9$k!K$J$I!";n$7$F2<$5$$!#(B

CSS2 $B$G$O!"(B CSS1 $B$G4{$KDj5A$5$l$F$$$?(B :active $B5?;w%/%i%9$,:FDj5A$5$l$?B>!"(B :hover $B$H(B :focus $B$,DI2C$5$l$^$7$?!#KX$I$N%V%i%&%6$O(B :focus $B>uBV$H(B :active $B>uBV$r6hJL$;$:!"(B :active $B$KBP$9$k%9%?%$%k$rE,MQ$7$^$9!#(B

:hover, :focus, :active $B$O2?$l$bAj8_$KAjJdE*$G$"$j!"GSB>E*$G$OM-$j$^$;$s!#=>$C$F!"!V(B:hover $B$G$"$j3n$D(B :active $B$JMWAG!W$,B8:_$7F@$^$9!#=>$C$F!"%9%?%$%k$N7Q>5$,DL>o$N5,B'DL$j$KE,MQ$5$l$^$9$N$G!"5-=R$9$k=gHV$,=EMW$K$J$j$^$9!((B

$B>e$NNc$G!"(B a:hover $B$,(B a:visited, a:link $B$h$j$bA0$K5-=R$5$l$k$H!"(B a:hover $B$N%9%?%$%k$O>e=q$-$5$l$F$7$^$$$^$9!#$^$?!"(B a:active $B$,(B a:hover $B$h$j$b8e$m$K5-=R$5$l$F$$$k0Y!"%j%s%/$K%+!<%=%k$,>h$C$F$$$F$b%9%?%$%k$O(B a:active $B$N$b$N$,E,MQ$5$l$^$9!#(B

<<PREV | TOP | NEXT>>

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送