七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Oct 19, 2004

タグを覚えよう【第５８回目】　-　マウスカーソルの形をいろいろ変えてみよう

(3)

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

当サイトのトップの注意書き。
マウスをのせると「はてな」のカーソルになりますよね(￣▽￣人)
今日はその方法をお教えしましょう。
たくさん登場しますがびっくりしないで下さい（笑
必要なものだけ覚えればいいだけのことですから(〃⌒▽⌒)

例）
<div style=" cursor : auto ;">ブラウザが自動的に選択</div>
cursor : default ;">利用環境の標準</div>
<div style=" cursor : pointer ;">リンク</div>
<div style=" cursor : crosshair ;">十字</div>
<div style=" cursor : move ;">移動</div>
cursor : text ;">テキスト編集</div>
<div style=" cursor : wait ;">待機・処理中</div>
cursor : help ;">ヘルプ</div>
<div style=" cursor : n-resize ;">北方向のリサイズ</div>
<div style=" cursor : s-resize ;">南方向のリサイズ</div>
<div style=" cursor : w-resize ;">西方向のリサイズ</div>
<div style=" cursor : e-resize ;">東方向のリサイズ</div>
<div style=" cursor : ne-resize ;">北東方向のリサイズ</div>
<div style=" cursor : nw-resize ;">北西方向のリサイズ</div>
<div style=" cursor : se-resize ;">南東方向のリサイズ</div>
<div style=" cursor : sw-resize ;">南西方向のリサイズ</div>
<div style=" cursor : hand ;">指型</div>
<div style=" cursor : no-drop ;">ドロップ禁止（IE6以上）</div>
<div style=" cursor : all-scroll ;">全スクロール（IE6以上）</div>
<div style=" cursor : col-resize ;">横方向のリサイズ（IE6以上）</div>
<div style=" cursor : row-resize ;">縦方向のリサイズ</div>
<div style=" cursor : progress ;">進行中（IE6以上）</div>
<div style=" cursor : not-allowed ;">禁止（IE6以上）</div>
<div style=" cursor : vertical-text ;">縦書き（IE6以上）</div>
<div style=" cursor : url('./samp.ani') ;">オリジナルカーソル（IE6以上）</div>

表示結果）
別窓でサンプルページが開きます。
サンプルは見やすいように少し加工しています。

いろいろな形に変わるのが分かったでしょうか？
今回は「DIV」タグに指定をしましたが、
「P」「SPAN」「IMG」「A」「TD」などなどにも指定することができます。
色々試してみてくださいね(￣▽￣人)

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Oct 19, 2004 12:00:54 AM
コメント(3) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

Re:タグを覚えよう【第５８回目】　-　マウスカーソルの形をいろいろ変えてみよう(10/19)

あゆまま0997 さん

こんにちは、ご無沙汰してます。あゆまま0997です。
↑見ていたのですが、イマイチはっきり使い方が分からないんです。

例えば、自分が画像登録した物にでも出来るってことですよね？？そういうときの、使い方教えてくださいm(_ _)m (Oct 20, 2004 08:22:14 AM)

返事を書く

Re[1]:タグを覚えよう【第５８回目】　-　マウスカーソルの形をいろいろ変えてみよう(10/19)

＃七鍵さん

あゆまま0997さん

いらっしゃいませー(〃⌒▽⌒)

>自分が画像登録した物にでも出来るってことですよね？？
こちらはYesでもあり、Noでもあります。
と言いますのも、マウスカーソル専用の画像形式と言うものがあって
その形式の画像（○○.cur　もしくは　○○.ani）しか使用できないのです。

http://www.vector.co.jp/vpack/filearea/win95/amuse/mouse/cursor/index.html

こちらの方にマウスカーソル作成ツールなど何点かありますので
興味あるようでしたらチャレンジしてみてはいかがでしょう(￣▽￣人)

(Oct 20, 2004 08:58:24 PM)

返事を書く

Re:タグを覚えよう【第５８回目】　-　マウスカーソルの形をいろいろ変えてみよう(10/19)

な～～るさん

こんにちは。すっかりご無沙汰しちゃってます。
いつの間にかバックがピンクっ！！
やわらかくていいですね。

一番最後のバナナ・・・
いいですねぇ～～～～

美味しそうだった・・。
おなかすいちゃったよぉ～～ぅ・・。(^^;)ゞ (Oct 21, 2004 09:16:25 PM)

返事を書く