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

鼠标滑过链接a实现背景变色代码_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:31:07
original
1815 Les gens l'ont consulté

鼠标滑过链接a实现背景变色代码:
链接自然大家都不陌生，很多将就美观度的网站，详尽各种办法在各种细节上做文章，当然链接也不会放过，很常见的一个措施就是当鼠标滑过链接的时候，能够让链接的背景变色，下面是一段这样的代码实例。
代码如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.link a{color:#000}.link a:hover {  color:#FFF;  background:#00F}</style></head><body><div class="link"><a href="#">蚂蚁部落</a> </div></body></html>
Copier après la connexion

 

以上代码实现了我们的要求，只要鼠标滑过链接，就会实现背景变色效果。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10884

更多内容可以参阅:http://www.softwhy.com/divcss/

 

Étiquettes associées：
鼠标滑过链接a实现背景变色代码
source：php.cn
Article précédent：兼容IE、Firefox的背景半透明内容不透明设置_html/css_WEB-ITnose Article suivant：CSS概述<选择器总结>_html/css_WEB-ITnose
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
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
Le titre réécrit est : Modifiez le titre de la liste en réponse au déplacement du curseur vers l'élément de la liste. Je crée un tableau lié et je souhaite le rendre plus joli en modifiant la couleur d'arrièr...
Depuis 2023-09-04 23:54:54
0
1
225
javascript - css怎么解决hover鼠标移除后的效果 想要实现背景图片鼠标移入左右翻变换背景图的动效，但是移出的时候想要去除掉翻转，直接把背景图片换回来，捣鼓了许多都不知道这么弄，就大神临摹求解。。。 {代码...}
Depuis 2017-04-17 15:24:39
0
3
794
css - textarea光标过大问题 textarea里面直接方内容，用背景的平铺实现每行底部的下划线，由于调节了行高，导致光标过大（如图），考虑到底部的下划线，不能轻易改变行高，请问大神们，该怎么让光标显示正常？ ....
Depuis 2017-04-17 14:45:12
0
2
473
html5 transition过渡颜色的问题 代码是 {代码...} 我要的效果是鼠标移上去就改变颜色，这个也实现了 但是令我不解的是：刚进入页面或者刷新的时候， h2标签会从蓝色（就是a标签默认的那个颜色）慢慢过渡到red，...
Depuis 2017-04-17 14:30:07
0
1
429
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！