CSSリンクスタイル

CSS リンク スタイル:

a:link (未訪問)



a:hover (マウス)以上)

a:訪問済み (訪問済み: 実際にそのページに到達した)

a:active (マウスのクリックとリリースの間、href 属性のないオブジェクトには影響を与えません)

これらの要素は CSS を定義します 時間の順序が異なると、結果が異なることに直接つながりますリンク表示の効果。

特殊性を一般的なものから特殊なものまで並べ替えます: link--visited--hover--active

次のようにして目的の効果を実現できます:

a:link{color: blue}

a:visited{ color : red}

a:hover{color: yellow}

a:active{color:white}


このように定義した場合:

a:hover{color: yellow}

a :link{color:blue}

a:visited{color:red}

a:active{color:white}

:link が最も一般的な効果であり、その範囲がより大きいため、ホバーの効果は確認できません。 hover よりも前の文がカバーされています。

例:

    链接样式  

这是一个 link

注意: hover必须在:link和 a:visited之后定义才有效.

注意: active必须在hover之后定义是有效的.


学び続ける
||
链接样式

链接的状态

  • a:link - 普通的、未被访问的链接
  • a:visited - 用户已访问的链接
  • a:hover - 鼠标指针位于链接的上方
  • a:active - 链接被点击的时刻

这是一个链接

注释:

  1. a:hover 必须位于 a:link 和 a:visited 之后
  2. a:active 必须位于 a:hover 之后

自定义链接的下划线样式

自定义链接的背景色样式

私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!