Heim > Web-Frontend > HTML-Tutorial > 鼠标滑过链接a实现背景变色代码_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:31:07
Original
1894 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/

 

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage