hrefのないリンクのポインタにカーソルスタイルを設定するにはどうすればよいですか?

HTML でタグを使用して、Web ページへのリンクを追加できます。要素のデフォルトのカーソル スタイルはポインターですが、タグから href 属性を削除すると、カーソル スタイルが変更されます。

したがって、このチュートリアルでは、href 属性のないマーク付きポインタとしてカーソル スタイルを保持する方法を学習します。

ユーザーは、以下の例に従って、要素のデフォルトのカーソル スタイルを表示できます。 ＃＃＃例＃＃＃

以下の例では、

タグを使用して 3 つの異なるリンクを作成します。

出力では、最初のリンクにマウスを置くと、href 属性が含まれているためカーソルがポインタになることがわかります。2 番目のリンクでは、カーソルもポインタになります。 href 属性に空の文字列値を指定した場合、3 番目のリンクにカーソルを置くと、リンクには href 属性が含まれていないため、カーソルのスタイルが変わります。リーリー

タグから href 属性を削除すると、カーソルのスタイルがどのように変化するかがユーザーに理解できるようになりました。

以下では、href 属性のないリンクにカーソル ポインタを設定する例を見ていきます。＃＃＃文法＃＃＃

ユーザーは、以下の構文に従い、css を使用して、href 属性のないリンクにカーソル ポインターを設定できます。

リーリー

上記の構文では、「pointer」は

要素に割り当てられたクラスであり、「pointer」クラスを含む要素のポインタ スタイルを変更します。

＃＃＃例＃＃＃

以下の例では、2 つの異なる

要素を作成し、両方の要素に「ポインター」クラスを割り当てます。

セクションでは、ページのインライン スタイルを追加しました。タグの「pointer」クラスにアクセスし、「cursor:pointer」CSS を追加してポインター スタイルのカーソルを追加しました。

リーリー ＃＃＃例＃＃＃

次の例では、例 2 に示すように、"cursor:pointer" スタイルを使用して、ポインターへの href 属性を持たない

要素のカーソルのスタイルを設定していますが、それに # インライン CSS を適用しています。 。 ＃＃ 鬼ごっこ。

リーリー ＃＃＃例＃＃＃以下の例では、「onmouseover」イベント属性を使用します。マウス ポインタが マーク上に移動すると、それに割り当てられたコールバック関数が呼び出されます。ここでは、コールバック関数を割り当てる代わりに、CSS の行を割り当てます。

したがって、ユーザーが href 属性のない

タグの上にマウスを移動すると、カーソルのスタイルがポインターに設定されます。

リーリー ＃＃＃例＃＃＃

以下の例では、href 属性を持つタグを使用していますが、href 属性の値として空の文字列を指定しています。したがって、これは自動的に null リンクとして機能し、タグのカーソル ポインタを設定します。

リーリー

このチュートリアルでは、href 属性を使用せずに、リンク上のポインターとしてカーソルをスタイル設定する方法を学びました。カーソルのスタイルを変更するには CSS を使用します。さらに、onmouseover イベント属性を使用してマウスオーバー イベントを検出し、それに応じてカーソル スタイルを変更します。

以上がhrefのないリンクのポインタにカーソルスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。