简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

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

WBOY
풀어 주다： 2016-06-24 11:31:07
원래의
1815명이 탐색했습니다.

鼠标滑过链接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/

 

관련 라벨：
鼠标滑过链接a实现背景变色代码
원천：php.cn
이전 기사：兼容IE、Firefox的背景半透明内容不透明设置_html/css_WEB-ITnose 다음 기사：CSS概述<选择器总结>_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
콘텐츠를 중앙에 배치하고 이미지 링크를 클릭 가능하게 만드는 데 도움이 필요합니다. 기본적으로 이미지와 제목이 화면 중앙에 위치해야 하지만 이미지를 클릭하고 링크를 열 수도 있어야 합니다. 이 작업을 수행할 수 있는 올바른 코드가 있다고 생각하지...
에서 2023-09-13 12:12:49
0
1
235
다시 작성된 제목은 다음과 같습니다. 커서가 목록 요소로 이동하면 목록 제목을 변경합니다. 연결된 테이블을 생성 중인데 목록 링크 중 하나 위에 마우스를 올리면 테이블 머리글의 배경색이 변경되어 테이블을 더 예쁘게 만들고 싶습니다. 그러나 더 작은 요소...
에서 2023-09-04 23:54:54
0
1
225
javascript - css怎么解决hover鼠标移除后的效果 想要实现背景图片鼠标移入左右翻变换背景图的动效，但是移出的时候想要去除掉翻转，直接把背景图片换回来，捣鼓了许多都不知道这么弄，就大神临摹求解。。。 {代码...}
에서 2017-04-17 15:24:39
0
3
794
css - textarea光标过大问题 textarea里面直接方内容，用背景的平铺实现每行底部的下划线，由于调节了行高，导致光标过大（如图），考虑到底部的下划线，不能轻易改变行高，请问大神们，该怎么让光标显示正常？ ....
에서 2017-04-17 14:45:12
0
2
473
html5 transition过渡颜色的问题 代码是 {代码...} 我要的效果是鼠标移上去就改变颜色，这个也实现了 但是令我不解的是：刚进入页面或者刷新的时候， h2标签会从蓝色（就是a标签默认的那个颜色）慢慢过渡到red，...
에서 2017-04-17 14:30:07
0
1
429
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！