|
HTML小技
当サイトで使っている小技を少し紹介したいと思います。ほとんどがhtmlソースの<head>〜</head>区間に貼り付けます。よくわからない人は、目安として<title>○○○</title>の下に貼り付ければいいと思います。
その後も、他の小技を貼り付けしたい場合は、</style>で改行して貼り付けていくといいです。ソースはコピーしてもらってもかまいません。 |
オンマウスで色が変わる
htmlソースの<head>〜</head>区間に貼り付けます
3行目は最初に表示される文字色
4行目は訪問後の文字色
5行目はカーソルが触れた時の下線と文字色
|
オンマウスで文字に背景色をつける
お得に楽しく♪はっぴぃねっと
1行目のbackground='#ffcccc'" がマウスを乗せた時に変わる色です。
2行目のbackground='#ffffff'"は、ページの背景色です。
|
オンマウスで文字が移動
カーソルを重ねてみてね♪
5行目で動きの指定をしています。
【top】上から下に動く
【left】左から右に動く
leftからrightに変えれば逆方向に動きます
数字を大きくすると、動きも大きくなります。
html小技【2】へ→
|
|