aタグに下線を付け、クリック前後で色を変える方法

aタグに下線を付け、クリック前後で色を変える方法

コードをコピー
コードは次のとおりです。

リンク
フォントサイズ: 12px;
色: #000000;
テキスト装飾: なし;
}
a:訪問{
フォントサイズ: 12px;
色: #000000;
テキスト装飾: なし;
}
ホバー{
フォントサイズ: 12px;
色: #999999;
テキスト装飾: 下線;
}

このようにスタイルシートを定義すると、目的の機能を実現できます。スタイルシートがわからない場合は、ページの <head></head> タグに次のコードを追加できます。

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
<!--
リンク
フォントサイズ: 12px;
色: #000000;
テキスト装飾: なし;
}
a:訪問{
フォントサイズ: 12px;
色: #000000;
テキスト装飾: なし;
}
ホバー{
フォントサイズ: 12px;
色: #999999;
テキスト装飾: 下線;
}
-->
</スタイル>

<<:  CSS3を使って歌詞進行テキストカラー塗りつぶし変更の動的効果を実装するアイデアの詳細な説明

>>:  2つのウェブサイトページ翻訳プラグインの共有

推薦する

CSS でフロートとマージンを混合するサンプルコード

最近の勉強で、GitHub でレイアウトの練習をいくつか見つけたのですが、レイアウトにまったく慣れて...

docker inspect コマンドの使用に関するヒント

説明と紹介Docker inspect は Docker クライアントのネイティブ コマンドであり、...

シンプルなドラッグ効果を実現するjs

この記事では、簡単なドラッグ効果を実現するためのjsの具体的なコードを参考までに共有します。具体的な...

Vueはカスタムツリーコンポーネントを再帰的に実装します

この記事では、カスタムツリーコンポーネントを再帰的に実装するVueの具体的なコードを参考までに共有し...

Navicat が MySQL にリモート接続するときに発生する 10060 不明エラーを解決する方法

はじめに:今日は、サーバー上のMySQLにリモート接続したいと思います。使用するソフトウェアはNav...

Vue コンポーネント (Vuex を含む) 間の値の転送に関する簡単な説明

目次父から息子へ:息子から父へ: Vuex を使用せずにコンポーネント間で値を渡す方法は、親から子、...

Centos7 サーバーで jar パッケージ プロジェクトを開始する最良の方法

序文Linux 上で jar パッケージを実行する方法は誰もが知っています。なぜ別々に話したいのでし...

ネイティブ js が携帯電話のプルダウン更新を模倣

この記事では、携帯電話のプルダウンリフレッシュを模倣したjsの具体的なコードを参考までに共有します。...

史上最もクリエイティブな404ページのデザインは、ウェブサイトのユーザーエクスペリエンスを効果的に向上させます

ウェブを閲覧しているときに 404 ページに遭遇することはあまりないので、見落としがちです。しかし、...

角度に基づくツリー型セカンダリテーブルを実現する

まず効果を見てみましょう: コード: 1.html <div class="user...

Dockerのインストール方法とDockerの4つのネットワークモードの詳細説明

1. Dockerをインストールするyum -y install docker-ioインストールが完...

Node.jsとDenoの比較

目次序文Denoとは何ですか? Node.jsとの比較建築ESモジュール依存関係の管理TypeScr...

HTMLにおけるbackground-image属性の設定の詳細な説明

写真といえば、まず背景画像が思い浮かびます。私たちの装飾の多くは背景画像を使用して実現されているから...