ToppageGalleryへ



スタイルシートでの小技



表示 タグ
壁紙を固定する <style type=text/css>
<!--
body{background-attachment:fixed;}
-->
</style>
リンクの
アンダーラインを消す		 <STYLE type=text/css>
<!--
a{text-decoration:none;}
-->
</STYLE>
リンクに触れたら
アンダーラインを出す
 <STYLE type=text/css>
<!--
a{text-decoration:none;}
a:hover{text-decoration:underline;}
-->
</STYLE>
リンクに触れたら
上下線を出す		 <STYLE type=text/css>
<!--
a{text-decoration:none;}
a:hover{text-decoration:underline overline;}
-->
</STYLE>
リンクに触れたら
文字を太字にする		 <STYLE type=text/css>
<!--
a:hover{font-weight:bolder;}
-->
</STYLE>
リンクに触れたら
文字を斜めにする		 <STYLE type=text/css>
<!--
a:hover{font:italic;}
-->
</STYLE>
リンクに触れたら
背景の色を変える		 <STYLE type=text/css>
<!--
a:hover{background-color:red;}
-->
</STYLE>
リンクに触れたら
カーソルの形を変える
<STYLE type=text/css>
<!--
a{cursor:左の文字;}
-->
</STYLE>		 crosshair pointer
move help
wait text

リンクに触れたら
の複合技		 <STYLE type=text/css>
<!--
a{text-decoration:none;cursor:crosshair;}
a:hover{text-decoration:underline overline;font-weight:bolder;
font:italic;background-color:red;}
-->
</STYLE>
通常でカーソルの
形を変える		 <STYLE type=text/css>
<!--
body{cursor:crosshair;}
-->
</STYLE>

cursor:○○○
○○○は上で説明したカーソルの種類です
スクロールバーの
色を変える		 <STYLE type=text/css>
<!--
body{
scrollbar-highlight-color:green;
scrollbar-shadow-color:red;
scrollbar-arrow-color:blue;
scrollbar-face-color:white;
}
-->
</STYLE>