Heim > Artikel > Web-Frontend > 鼠标滑过链接a实现背景变色代码_html/css_WEB-ITnose
鼠标滑过链接a实现背景变色代码_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:31:071872Durchsuche
鼠标滑过链接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>
以上代码实现了我们的要求，只要鼠标滑过链接，就会实现背景变色效果。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10884
更多内容可以参阅:http://www.softwhy.com/divcss/
Stellungnahme：
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
Vorheriger Artikel：兼容IE、Firefox的背景半透明内容不透明设置_html/css_WEB-ITnoseNächster Artikel：CSS概述<选择器总结>_html/css_WEB-ITnose