コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS を使用して、links_CSS/HTML の点線の下線効果を実現します。

CSS を使用して、links_CSS/HTML の点線の下線効果を実現します。

WBOY
リリース： 2016-05-16 12:11:40
オリジナル
2136 人が閲覧しました

スタイルシートを変更し、以下の段落 (通常は先頭) を探します。
a {
color:#3399FF;
font-weight:Normal; /*フォント効果を太字に変更できます。
text-decoration:none; /*下線効果: 下線なし*/
}

a:hover {
color:#4499EE; / *下線効果: 下線なし*/
border-bottom: 1px #0099CC dotted /*下枠のみを点線としてボックスを追加します*/
}

a{} は効果を制御します接続の a:hover{} は、マウスを上に動かす効果を制御します。
CSS 定義の点線のコード例


[Ctrl+A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

関連ラベル：
链接，虚线，下划线
ソース：php.cn
前の記事：DIV+CSS_CSS/HTML を使用してこのテーブル効果を実現する方法 次の記事：IE 画像_CSS/HTML でのギャップ問題の解決策集
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
`:after` 疑似要素をスタイル付きコンポーネントに正しく適用するための React.js ガイド この美しい下線アニメーションを見つけました。 <ul><li><ahref="#">概要</a></li&...
から 2024-04-04 22:28:08
0
1
1322
CSS: リスト項目間の間隔を変更する リストの CSS を編集しようとしましたが、行に正しく移動してリスト要素間の高さを調整する方法が見つかりませんでした。ウェブサイトのリンク: https://denkimedia....
から 2024-04-02 15:46:38
0
1
342
テキスト装飾とナビゲーション バーが機能しないのはなぜですか? Web ページを作成していますが、Navar とリンクに問題があります。私のnavarアイテムはnavarに留まらず、下に流れてしまいました。また、 text-decoration...
から 2024-04-01 21:40:16
0
1
272
アンダースコア ライブラリに触発されて、呼び出し関数を書き直すのに苦労する 下線関数 _.invoke を書き直そうとしている初心者です。コレクション内の各値に対してメソッドを呼び出した結果を含む配列を返す関数を作成しようとしています。 _.invoke=...
から 2024-03-31 09:42:10
0
2
356
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート