简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> tutoriel CSS> le corps du texte

用CSS实现链接的虚线下划线效果_CSS/HTML

WBOY
Libérer： 2016-05-16 12:11:40
original
2030 Les gens l'ont consulté

修改您的样式表，找下边这段（一般都在开头）
a {
color:#3399FF;
font-weight:Normal; /*字体效果 普通 可以改成bold粗体*/
text-decoration:none; /*下划线效果：无下划线*/
}

a:hover {
color:#4499EE;
text-decoration:none; /*下划线效果：无下划线*/
border-bottom: 1px #0099CC dotted /*加一个只有下边的框 边框为虚线*/
}

　　 a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。
一些CSS定义虚线实例代码


[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

Étiquettes associées：
链接，虚线，下划线
source：php.cn
Article précédent：用DIV+CSS如何实现这种表格效果_CSS/HTML Article suivant：IE图片下空隙问题解决方法集合_CSS/HTML
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Rendre la chaîne dans le paragraphe entre deux délimiteurs en gras javascript JSX De la base de données, nous obtenons une chaîne au format suivant. _ThisisstringfromDB_.Ma...
Depuis 2023-09-15 09:31:23
0
1
304
Besoin d'aide pour centrer le contenu et rendre les liens d'images cliquables Essentiellement, j'ai besoin que l'image et le titre soient centrés sur l'écran, mais j'ai...
Depuis 2023-09-13 12:12:49
0
1
235
Rediriger à l'aide de htaccess, utiliser une barre oblique, un trait de soulignement ou une date comme délimiteur - URL conviviale Cela fonctionne bien : https://example.com/2023/not-the-dinner-day en utilisant le RewiteR...
Depuis 2023-09-11 12:11:18
0
1
224
Existe-t-il un moyen uniquement CSS de couper des mots sur des caractères spécifiques autres que des espaces ? Si un mot (par exemple THIS_PHRASE_HERE) déborde du div qu'il contient (largeur fixe), je ...
Depuis 2023-09-10 20:24:04
0
2
280
Comment s'assurer que le soulignement épais fonctionne sur les sauts de ligne ? J'utilise le code suivant pour ajouter une décoration de soulignement plus épaisse/plus st...
Depuis 2023-09-05 13:21:47
0
1
248
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！