<<PREV(P)   TOP(T)   NEXT(N)>>   contents (C)

7. CSS $B$N%W%m%Q%F%#(B

last-modified:29th Aug. 2000;

Contents

$B$3$3$G$O!"(BCSS$B$N%W%m%Q%F%#$rLVMeE*$K2r@b$9$k$3$H$O$7$^$;$s!#(B

HTML $B$H(B CSS $B$K$h$k8+1I$($N;XDjJ}K!$rHf3S$7$F$_$^$9!#(B CSS $B$G$O!"(B HTML $B$G$OIT2DG=$J8+1I$($r=@Fp$K;XDj$G$-$^$9!#(B

HTML$B$K$h$k;XDj(B

HTML$B$OJ8=q$r9=@.$9$k3FItJ,$K(B$B0UL#(B$B$rM?$($k$b$N$G$9!#Nc$($P!"$3$3$O!V8+$@$7!W!"$3$3$O!VCJMn!W!"$3$3$O!V0zMQ!W$J$I$N$h$&$K!#(B

$B$=$NE@!"!VGX7J?'!W$d!VJ8;z?'!W!"!V%U%)%s%H$N$B8+1I$((B$B!W$G$"$C$F!V0UL#!W$G$O$J$$$N$G!"(BHTML$B$G;XDj$9$k$N$O8=:_$G$O6Z0c$$$G$9!#(B

$B$3$N!V8+1I$(!W$r;XDj$9$k$?$a$K(BCSS$B$H1>$&;EAH$_$,9M0F$5$l$?$N$G$9$,!"$=$l0JA0$K$O(BHTML$B$G;XDj$7$F$$$^$7$?!#8=:_$G$O!V(B$BGQ;_M=Dj(B$B!W$H$J$C$?!"$3$N8E$$(BHTML$B$rMQ$$$?8+1I$($N;XDjJ}K!$r$^$:>R2p$7$^$9!#(B

body$BMWAG$N3+;O%?%0!J(B<body>$B!K$NCf$K!"8+1I$(;XDj$N(B$BB0@-(B$B$r5-=R$7$^$9!#(B

<body bgcolor="#ccccff" text="#333366"
	link="navy" vlink="maroon" alink="green">

$B:8$+$i!"!VGX7J?'!W!"!VJ8;z?'!W!"!VL$K,%j%s%/$N?'!W!"!V4{K,%j%s%/$N?'!W!"!V%j%s%/$r%/%j%C%/$7$?;~$N?'!W$G$9!#(B

body$BMWAG$NB0@-(B
$BB0@-(B$BB0@-CM(B$BB0@-$N0UL#(B
bgcolor#ccccff$BGX7J?'(B
text#333366$BJ8;z?'(B
linknavy$BL$K,Ld$N%j%s%/$NJ8;z?'(B
vlinkmaroon$BK,Ld:Q$_$N%j%s%/$NJ8;z?'(B
alinkgreen$B:nF0Cf$N%j%s%/$NJ8;z?'(B
$B!ZI=<(Nc![(B

$B$3$l$,I=<(%5%s%W%k$G$9!#(B$B4{K,%j%s%/(B$B!"(B$BL$K,%j%s%/(B$B$G$9!#(B

$B$3$l$r=gHV$K(BCSS$B$G:F8=$7$F$_$^$7$g$&!#(B

background-color

$B

$B$B%U%!%$%k(B$B!K(B

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
  <title>CSS $B$N%5%s%W%kJ8=q(B</title>
  <meta http-equiv="content-style-type" content="text/css">
  <style type="text/css">
  <!--
    body {background-color:#ccf }
  -->
  </style>
</head>
<body>
  <p>
  $B$3$l$O!"(BCSS $B$N%5%s%W%k$N0Y$N(B HTML $BJ8=q$G$9!#(B
  </p>
</body>
</head>

$B$3$l$G(Bbody$BMWAG$NGX7J?'$,(B$BGv$$@D!J(B#ccf$B!K(B$B$K$J$C$F$$$l$P@.8y$G$9!#(B

$B$3$3$G!"(B HEAD$BMWAGFb$N(BSTYLE$BMWAG$KCmL\$7$F$/$@$5$$!#(B 

body {background-color: #ccf }

$B:#$N>l9g!"(Bbody$BMWAG$KBP$7$F!"(BCSS$B@k8@$H$7$F!"(B background-color:#ccf $B$r@_Dj$7$?;v$K$J%j$^$9!#(B

body $B$r(B$B%;%l%/%?(B$B!"(B background-color $B$r(B$B%W%m%Q%F%#(B$B$H8F$S$^$9!#$=$7$F!"%W%m%Q%F%#$H$=$NCM$r0lAH$H$7$F(B$B@k8@(B$B$H8F$S$^$9!#:#$N>l9g$O!"(B background-color:#ccf $B$,@k8@$G$9!#(B

'background-color'$B$N(B$B=i4|CM(B$B$O(B transparent $B$G$9!#B($A!"?FMWAG$NGX7J?'$,F)2a$7!"F1$8?'$GI=<($5$l$k$3$H$K$J$j$^$9!#$o$6$o$6;XDj$7$?$N$O!"!V$3$NCM$+$iJQ$($k!W$H1>$&0UL#$K$J$kLu$G$9!#(B

$B0lHL$K(BCSS$B%W%m%Q%F%#$K$O8GM-$N!V=i4|CM!W$r;}$A$^$9!#%W%m%Q%F%#Kh$N=i4|CM$rN;2r$7$F$*$/$H!";XDj%_%9$,KI$2$^$9!#(B

color

$B 

body {background-color:#ccf;
      color:#336 }

$B$3$3$G$O!"@h$[$I$NGX7J?'(B 'background-color' $B$KDI2C$7$F!"A07J?'(B 'color' $B$b@_Dj$7$FM-$j$^$9!#J#?t$N@k8@$N4V$O!"%3%m%s(B ; $B$G6h@Z$i$l$^$9!#(Bbody$BMWAGFb$NA4$F$NJ8;zNs$,(B$BG;$$@D!J(B#336$B!K(B$B$KI=<($5$l$F$$$kH&$G$9!#(B

$B!Z(B$BI=<(%5%s%W%k(B$B![(B

$B$3$3$O(BH1$BMWAG!J8+$@$7MWAG!K$G$9!#(B

$B$3$3$O(BP$BMWAG!JCJMnMWAG!K$G$9!#(B

$B$3$NNc$G$O!"(BH1$BMWAG$d(BP$BMWAG$K$OA4$/8+1I$($N;XDj$,$5$l$F$$$^$;$s$+$i!"?FMWAG$G$"$k(Bbody$BMWAG$N;XDj$,!"$=$N$^$^;RMWAG$G$"$k(BH1$BMWAG!"(BP$BMWAG$K

$B$3$N$h$&$K!"?FMWAG$N;XDj$,;RMWAG$K7Q>5$5$l$k$3$H$,(BCSS$B!J(BCascadingStyleSheet$B!K$NFCD'$N0l$D$G$9!#(B

$B7Q>5$O8DJL$N;XDj$K>e=q$-$5$l$^$9!#(B

body {background-color:#ccf;
      color:#336 }
h1 {background-color:navy;
    color:#cc9 }

$B$3$3$G$O!"%;%l%/%?$H$7$F(B H1 $B$r;}$D%9%?%$%k$,DI2C$5$l$F$$$^$9!#(B

$B!ZI=<(Nc![(B

$B$3$3$O(BH1$BMWAG!J8+$@$7MWAG!K$G$9!#(B

$B$3$3$O(BP$BMWAG!JCJMnMWAG!K$G$9!#(B

$B$3$NNc$G$O!"(BH1$BMWAG$NGX7J?'$rG;$$@D!J(Bnavy$B!K!"A07J?'$rGv$$2+?'!J(B#cc9$B!K$K;XDj$7$FM-$j$^$9!#(Bbody$BMWAG$N@_Dj$,!"(BH1$BMWAG$N@_Dj$K>e=q$-$5$l$F$$$k$N$r8+$k$3$H$,=PMh$^$9!#(B

'color' $B$N(B$B=i4|CM(B$B$O%V%i%&%6$K0MB8$9$k$H$5$l$F$*$jFCDj$O=PMh$^$;$s$,!"M>DxFC

LINK$B5<;w%/%i%9(B

$B!VGX7J?'!W!"!VJ8;z?'!W$r;XDj$7$^$7$?$N$G!"uBV$K$h$C$F!VL$K,Ld!W!"!V4{K,Ld(B visited$B!W!"!V:nF0Cf(B active$B!W$N;0$D$KJ,N`$G$-$^$9!#(B

body {background-color:#ccf;
      color:#336 }
a:link {color:navy }          /* $BL$K,Ld$N%j%s%/(B */
a:visited {color:maroon }     /* $B4{K,Ld$N%j%s%/(B */
a:active {color:green }       /* $B:nF0Cf$N%j%s%/(B */

$B$3$3$^$G$G!"(B$BKAF,$K5s$2$?(BHTML$B$NNc(B$B$,A4$F:F8=$G$-$?$3$H$K$J$j$^$9!#(B

CSS$B$G$O!"%j%s%/$N>uBV$K$h$C$F!"$5$i$K!V%+!<%=%k$,>e$K>h$C$F$$$k>l9g(B hover$B!W!"!V%F%-%9%H%U%#!<%k%I$J$I$G%U%)!<%+%9$5$l$F$$$k>l9g(B focus$B!W$r6hJL$G$-$^$9!#(B

$B>e$N%9%?%$%k@k8@$KDI2C$7$F!"%j%s%/$N>e$K%^%&%9$,>h$k$H!"(B$BGX7J?'$,(B #fcc $B!"(B$BJ8;z?'$,(B red $B$K$J$j!"%j%s%/$rI=$92<@~$,>C$($k$h$&$K@_Dj$7$^$9!#(B

body {background-color:#ccf;
      color:#336 }
a:link {color:navy }          /* $BL$K,Ld$N%j%s%/(B */
a:visited {color:maroon }     /* $B4{K,Ld$N%j%s%/(B */
a:link, a:visited {text-decoration:underline;}
                              /* $BL$K,!&4{K,$N%j%s%/$O2<@~$rI=<((B */
a:active {color:green }       /* $B:nF0Cf$N%j%s%/(B */
a:hover {color:purple;background-color:#fcc;
  text-decoration:none }      /* $B%^%&%9$,>e$K>h$C$F$$$k(B */

$B$3$3$G$O!"%;%l%/%?(B A:hover $B$r;}$D%9%?%$%k$H!"2<@~$r0z$/%W%m%Q%F%#(B 'text-decoration' $B$N@k8@$rDI2C$7$^$7$?!#FC$K!"6&DL$N@k8@$r;}$D0[$J$k%;%l%/%?$O0lEY$K@k8@$G$-$k$H$3$m$KCmL\$7$F$/$@$5$$!#(B

$B!ZI=<(Nc![(B

$B>e$N!V(BCSS$BNc!W$NI=<(%5%s%W%k$G$9!#(B$B4{K,%j%s%/(B$B!"(B$BL$K,%j%s%/(B$B$G$9!#%+!<%=%k$r>h$;$F$_$F2<$5$$!#(B

$B$3$N$h$&$K!"(BLINK$B$N>uBV$rI=$9%;%l%/%?$r!V(B$B%j%s%/5<;w%/%i%9(B$B!W$H8F$S$^$9!#(B

$B%j%s%/5<;w%/%i%9(B
$B%j%s%/5<;w%/%i%9(B$B0UL#(BCSS1,2
a:link$BL$K,Ld$N%j%s%/(BCSS1
a:visited$BK,Ld:Q$_$N%j%s%/(BCSS1
a:active$B:nF0Cf$N%j%s%/(BCSS1
a:hover$B%+!<%=%k$,>e$K>h$C$?>uBV$N%j%s%/(BCSS2
a:focus$B%F%-%9%HF~NO$K%U%)!<%+%9$5$l$F$$$k%j%s%/(BCSS2

CSS2$B$G$O!"(B :active, :hover, :focus $B$O(BA$BMWAG0J30$K$bMQ$$$i$l$k5<;w%/%i%9$G$9$,!"8=>u$G$O(BA$BMWAG$K8B$k$3$H$K$J$k$G$7$g$&!#(B

CSS2$B$G$O!"(BA:visited:hover $B$N$h$&$K!"5<;w%/%i%9$r=E$M$k$3$H$,$G$-$^$9!#$3$NNc$G$O!"!VK,Ld:Q$_3n$D%+!<%=%k$,>e$K>h$C$F$$$k%j%s%/!W$,%;%l%/%?$K$J$j$^$9!#(B

background-image

$Bback.jpg $B$H1>$&2hA|%U%!%$%k$,CV$$$FM-$j$^$9!#$3$l$rGX7J2hA|$KMQ$$$F$_$^$9!#(B

$B!Z(BHTML$B$K$h$k@_DjK!![(B

<body background="back.jpg">

HTML$B$G$O!"(Bbody$BMWAG$K$@$1GX7J2hA|$r$"$7$i$&$3$H$,=PMh$F!"(Bbody$BMWAG$N3+;O%?%0Cf$K(Bbackground$BB0@-$r5-=R$7$^$9!#(B

$B$3$l$O(B$BGQ;_M=Dj(B$B$N8+1I$(;XDj$G!"3n$D(Bbody$BMWAG$K$7$+E,MQ$G$-$^$;$s!#(B

$B$=$3$G!"(BCSS$B$K$h$kGX7J2hA|$NF3F~J}K!$r>R2p$7$^$9!#(B

$B!Z(BCSS$B5-=RNc![(B

body {background-color:#ffc;
      color:#00f;
      background-image:url(./back.jpg);}
$B!ZI=<(Nc![(B

$B$3$3$O(BH1$BMWAG!J8+$@$7MWAG!K$G$9!#(B

$B$3$3$O(BP$BMWAG!JCJMnMWAG!K$G$9!#(B

$B2+?'$$GX7J2hA|$,8fMwD:$1$F$$$k$+$H;W$$$^$9!#$3$3$G=EMW$J$N$O!"(B$BGX7J?'(B$B$b$=$N$^$^;XDj$7$F$"$k$3$H$G$9!#GX7J2hA|$,FI$_$3$^$l$k$^$G$N;~4V!"0?$O$=$b$=$bGX7J2hA|$,FI$_$3$a$J$$4D6-$N>l9g!"(B'background-color'$B$G;XDj$7$F$"$kGX7J?'(B$B$,;H$o$l$^$9!#2DFI@-$N3NJ]$N0Y!"GX7J2hA|$HF1$8$h$&$JL@EY!&:LEY$NGX7J?'$bF1;~$K@_Dj$7$F$*$$$?J}$,L5Fq$G$7$g$&!#(B

'background-image' $B$N(B$B=i4|CM(B$B$O(B none $B$G$9!#=i4|>uBV$O!V2hA|$rI=<($7$J$$!W$H$J$C$F$$$^$9!#$7$+$7!"?FMWAG$K(B'background-image'$B$G2hA|$,@_Dj$5$l$F$$$k$H!";RMWAG$K$b7Q>5$7!"$3$N=i4|CM$O>e=q$-$5$l$^$9!#6qBNE*$K$O!"?FMWAG$NGX7J2hA|$,F)2a$7$^$9!#(B

$B0x$_$K!"(B H1 $BMWAG$K2~$a$FGX7J?'$r;XDj$9$k$H!"

$B!ZI=<(Nc![(B

$B$3$3$O(BH1$BMWAG!J8+$@$7MWAG!K$G$9!#(B

$B$3$3$O(BP$BMWAG!JCJMnMWAG!K$G$9!#(B

$B$3$3$^$G$O!"8E$$(BHTML$B$G$b=PMh$k$3$H$G$9!#$7$+$7!"8=:_(BHTML$B$O0UL#$N%^!<%/%"%C%W$K8BDj$9$k$H1>$&O@M}%G%6%$%s$NJ}8~$K87L)2=$7$F$*$j$^$9$N$G!"$3$N$h$&$J8+1I$($N;XDj$O(BCSS$B$G9T$&$N$,o(BUser$B$K$H$C$F$O$[$\K~B-$G$-$k$@$1(BCSS1$B$r%5%]!<%H$7$F$$$^$9!#(B

$B$3$3$G$O!"4pK\E*$J(BCSS$B$N%W%m%Q%F%#$rNc$K$H$C$F!"6qBNE*$J(BCSS$B$rGA$$$F$_$^$7$?!#R2p$7$^$9!#(B

<<PREV(P)   TOP(T)   TOP(N)>>   contents (C)

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