♪ HTMLファイルを作ってみよう

リンク関連>>>背景関連>>>スクロールバー

■ スタイルシート

リンクにマウスを持って行くと、マウスが矢印になったり、色が変わったり
スクロールバーの色が変わったりするの見たことあるよね。
ここでは簡単なものを紹介するよ。

<head>〜</head>内に入れてください。<title>の下になるね。
リンクの下線を消したい場合は下のようになります。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>初めてのホームページ</title>
<STYLE TYPE="text/css">
<!--
A { text-decoration : none ; }
-->
</STYLE>
</head>
<body>
</body>
</html>

ページ内のカーソルを変える

指定を変更して、下の名前を入れてください
名前にマウスを合わせると形が分かります。
se-resize e-resize w-resize
ne-resize sw-resize nw-resize
s-resize n-resize help
move wait text
crosshair hand default

リンクにふれたときのカーソルを変える

リンクにカーソルでふれたら下線を出す

サンプル

リンクにカーソルでふれたら上下線を出す

サンプル

リンクにマウスがふれたら背景色をつける
色指定はカラーコードを入れてね

サンプル

リンクにカーソルでふれたら下線を出し文字と線に色つけ

サンプル

色つきリンクにカーソルでふれたら線が出て色が変わる

サンプル

リンク文字にマウスを乗せたら文字が動く

サンプル

リンク文字にマウスを乗せたら点線が出る

サンプル

リンク文字にマウスを乗せたら上下に点線が出る

サンプル

スポンサーリンク





玄関に戻るよ