画像を使用してハイパーリンクのパーソナライズされた下線を実現します
|
画像内に下線付きのリンクが表示されても驚かないでください。実はとても簡単なので、あなたにもできるのです。 実際の効果はこちらをご覧ください http://5key.net/demo/hyperlink-underline  まず、この色付きの下線を取得する方法について説明します。おそらくご想像のとおり、グラデーションの背景画像です。それは正しい！下の写真です。  下の CSS を見てください。リンク全体の変更による効果が理解できたと思います。 あまり明確でない場合は。まず、引き戸本体の概念を理解しましょう。 フォントサイズ:14px; フォントファミリー: Helvetica、サンセリフ; パディング:10px; マージン:0px; } h1{マージン:0; パディング:0; フォントサイズ:16px; } p{パディング:20px 0 0 0;} { *パディング下部:1px; テキスト装飾:なし; } リンク カラー:#06F; 背景: url(1.gif); 背景繰り返し: 繰り返しx; 背景位置: 0 16px; } a:訪問{ 色:#06f; 背景画像: url(1.gif); 背景繰り返し: 繰り返しx; 背景位置: 0 16px; } ホバー{ 色:#039; 背景:url(1.gif) repeat-x 0 下; } |
<<: シェルを使用して複数のサーバーでバッチ操作を実行する方法
>>: IE6 フォントを定義できません: 13px サイズは無効です。IE6 は自動的に大きいフォント ソリューションを表示します。
推薦する
CentOS 7 で Apache (httpd) サービスをインストールおよびアンインストールする詳細な手順
アンインストールまず、次のコマンドを使用して、httpd サービスがインストールされているかどうか、...
HTMLページをクリックしてダウンロードファイルを実装する2つの方法
1. <a>タグを使用して完了します <a href="/user/te...
ウェブページの HTML コード: スクロールテキストの作成
このセクションでは、Web ページ内のテキストをスクロールしたり、スクロール プロパティを制御できる...
DockerにJava環境をインストールするための実装手順
この記事は Linux centos8 をベースにして、docker をインストールし、イメージをプ...
Vueカスタムディレクティブの詳細
目次1. 背景2. ローカルカスタム指示3. グローバルカスタム指示4.1 カスタムコマンドフック関...
MYSQL の 3 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有
目次導入質問設計 1: 隣接リストテーブルデザインSQL の例デザイン 2: パスの列挙テーブルデザ...
フロントエンドHTMLスキン変更機能の実装コード
透明を含む5つの肌の色を変更するには50行のコードが必要です最初にコードをお渡ししますので、ご自身で...
ネイティブ JS を使用してタッチスライド監視イベントを実装する方法
序文今日はちょっとしたデモを書きました。左右にスワイプするロジックに関わる部分があります。当初はプラ...
CentOS の環境変数と設定ファイルの詳細な説明
序文CentOS 環境変数設定ファイル システムは階層型システムであり、他のマルチユーザー アプリケ...
Alibaba Cloud Centos7.X で外部にポートを開く方法
一言で言えば、大手メーカーからクラウド サーバーを購入する場合は、セキュリティ グループに移動して、...
MySQLサービスを削除する具体的な方法
MySQLは次のエラーを表示します「コントロール パネル -> 管理ツール -> サービ...
UbuntuはSSHサービスのリモートログイン操作を開始します
ssh-secure シェルは、安全なリモート ログインを提供します。組み込みシステムを開発し、Li...
MySQLのスイッチングデータ保存ディレクトリの実装方法
MySQLのスイッチングデータ保存ディレクトリの実装方法今日、仕事中に、mysql が保存されている...
bashコマンドの使い方の詳細な説明
Linux では、基本的に vi エディタのように「.sh」拡張子を持つテキストの処理と実行を記述す...
vscodeで保存した後のHTML自動フォーマットの問題を解決する
vsCode のバージョンは最近更新され、現在のバージョン番号は 1.43 です。実際、vsCode...