画像を使用してハイパーリンクのパーソナライズされた下線を実現します
|
画像内に下線付きのリンクが表示されても驚かないでください。実はとても簡単なので、あなたにもできるのです。 実際の効果はこちらをご覧ください 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 は自動的に大きいフォント ソリューションを表示します。
推薦する
mini-vueレンダリングのシンプルな実装
目次序文ターゲット最初のステップ:ステップ2:ステップ3:ステップ4:要約する序文現在主流のフレーム...
React+axios は github 検索ユーザー機能を実装します (サンプル コード)
負荷リクエスト成功リクエストに失敗しました cmdをクリックし、ファイルパスでEnterキーを押しま...
MySQLデータストレージプロセスパラメータの詳細な例
MySQL ストアド プロシージャ パラメータには、in、out、inout の 3 種類があります...
VUE 3 テレポート コンポーネントと使用構文をすぐに使い始める
目次1. テレポートの紹介1.1. 複数のテレポートを使用する2. テレポートを使用する理由3. テ...
Mysqlは隣接リスト（隣接リスト）を通じてツリー構造を保存します。
以下の内容では、隣接リストを使用してツリー構造を保存する MYSQL のプロセスとソリューションを紹...
NavicatがMySQLに接続すると、10060、1045エラーとmy.iniの場所が報告されます。
Navicat は、データベースに接続するときにエラー 10060 および 1045 を報告します...
ウェブデザインスキル：中国語と英語が混在するウェブページの上位表示の問題
<br />私はこの問題で気が狂いそうです。症状は次のとおりです。 症状の説明: Int...
3 階層ナビゲーション メニューを実現するための js+css
この記事の例では、3レベルのナビゲーションメニューを実装するためのjs + cssの具体的なコードを...
JavaScriptイベント実行メカニズムの深い理解
目次序文ブラウザJS非同期実行の原理ブラウザのイベントループ実行スタックとタスクキューマクロタスクと...
HTML から PDF への変換事例の概要 (複数の画像を推奨)
仕事の都合上、最近 HTML を PDF に変換する機能について調べることに時間を費やしました。 H...
LinuxでHomebrewを使用する正しい方法
多くの人が Linux Homebrew を使用しています。これをより良く使用するための 3 つのヒ...
Linux オペレーティング システムの概要と紹介
目次1. オペレーティングシステムとは何か2. Linuxの起源3. Linuxの基本機能4. Li...
Vue+Element UIはドロップダウンメニューのカプセル化を実現します
この記事の例では、ドロップダウンメニューのカプセル化を実装するためのVue + Element UI...
vue-pdf はオンラインファイルプレビューを実現します
この記事では、参考までに、ファイルのオンラインプレビューを実現するためのvue-pdfの具体的なコー...
Debian ベースの Linux システム ソフトウェア インストール コマンドの詳細な説明 (推奨)
Debian の紹介Debian は、広い意味では、フリーなオペレーティング システムの作成に専念...