简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-06-24 11:31:07
Original
1870 Leute haben es durchsucht

鼠标滑过链接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>
Nach dem Login kopieren

 

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

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

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

 

Verwandte Etiketten：
鼠标滑过链接a实现背景变色代码
Quelle：php.cn
Vorheriger Artikel：兼容IE、Firefox的背景半透明内容不透明设置_html/css_WEB-ITnose Nächster Artikel：CSS概述<选择器总结>_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
CSS-Stile werden nicht auf die Website angewendet Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht au...
Aus 2024-04-06 17:12:23
0
1
336
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！