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 サイトの他の関連記事を参照してください。