ホームページ  >  記事  >  ウェブフロントエンド  >  CSS を使用して、links_CSS/HTML の点線の下線効果を実現します。

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

WBOY
WBOYオリジナル
2016-05-16 12:11:402063ブラウズ

スタイルシートを変更し、以下の段落 (通常は先頭) を探します。
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 を導入する必要がある場合は、更新して実行する必要があります ]

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。