画像を使用してハイパーリンクのパーソナライズされた下線を実現します
|
画像内に下線付きのリンクが表示されても驚かないでください。実はとても簡単なので、あなたにもできるのです。 実際の効果はこちらをご覧ください 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 は自動的に大きいフォント ソリューションを表示します。
推薦する
Ubuntu 基本チュートリアル: apt-get コマンド
序文apt-get コマンドは、Ubuntu システムのパッケージ管理ツールです。パッケージのインス...
CocosCreator ScrollView 最適化シリーズ: フレーム読み込み
目次1. はじめに2. 行き詰まった問題の分析3. 解決策（理論） 4. ソリューション（コード） ...
Ckeditor + Ckfinderを使用したJavaScriptファイルアップロードケースの詳細な説明
目次1. 準備2. 減圧3. 統合を開始する1. 準備Ckeditor_4.5.7_full + C...
awk でのループの使用
同じコマンドを複数回実行するさまざまな種類のループについて学習しましょう。 awk スクリプトには、...
Mysql5.6.36 スクリプトのコンパイル、インストール、初期化のチュートリアル
概要この記事は、centos7.3 上で mysql5.3.6 を自動的にコンパイルしてインストール...
HTML フォーム コンポーネントのサンプル コード
HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。次のコードは、HTM...
CSS3 ボタン境界アニメーションの実装
まず効果を見てみましょう: html <a href="#"> &l...
CentOS 8が利用可能になりました
CentOS 8 が利用可能になりました! CentOS 8 と RedHat Enterprise...
SpringBoot プロジェクトの Docker クイック デプロイメントの紹介
1. Dockerをインストールするまず Linux 環境を開き、次のコマンドを入力してインストール...
HTML ハイパーリンクの詳細な説明
ハイパーリンクハイパーリンクは、Web サイト上のすべてのページがハイパーリンクで接続され、ページ間...
MySQLのパフォーマンスが突然低下する理由
場合によっては、SQL ステートメントが通常どおり、非常に速く実行される状況に遭遇することがあります...
Linuxがすべてのコマンドをサポートしていない問題の解決策
Linux がすべてのコマンドをサポートしていない場合はどうすればいいですか?すべてのLinuxコマ...
CSS はコンテナ レベル (div...) タグを 1 つの位置 (ページの右端) に固定します。
コードは次のようになります。 。プロセス{ 境界線:1px 実線 #B7B7B8; 背景:#F8F8...
MySQL ロール関数の紹介
目次序文： 1. 役割の紹介2. 役割に関連する操作要約:序文：前回の記事では、MySQLの権限管理...
Vueはアンカー配置機能を実装します
この記事では、アンカー配置を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...