CSS의 하이퍼링크에서 밑줄을 제거하는 방법-HTML 튜토리얼-php.cn

CSS의 하이퍼링크에서 밑줄을 제거하는 방법

php中世界最好的语言

풀어 주다： 2017-11-20 16:07:29

원래의

8863명이 탐색했습니다.

웹 페이지에는 필연적으로 여러 쌍의 텍스트 A Hyperlinks앵커 텍스트가 있지만 기본적으로 링크가 있는 모든 텍스트에는 밑줄 효과가 있는데, 이 하이퍼링크의 밑줄 효과를 제거하는 방법은 무엇입니까? 그렇다면 강력한 CSS를 사용해야 합니다.

CSS 설정을 통해 하이퍼링크 앵커 텍스트가 있는 글꼴 텍스트의 기본 밑줄을 사라지게 하려면 밑줄을 제거하는 CSS 스타일 단어 text-꾸밈이 필요합니다.

전체 웹페이지의 기본 링크에서 밑줄을 제거하여 밑줄을 없애는 구체적인 CSS 코드는 다음과 같습니다.

a{text-꾸밈: 없음}

위 CSS 코드는 밑줄 제거를 취소할 수 있습니다.

DIV CSS 지식 확장, 기본 링크에는 밑줄 효과가 없습니다. 마우스를 해당 텍스트 위로 이동하고 가리키면 해당 텍스트 글꼴에 밑줄이 표시됩니다.

a{text-decoration : none} 
a:hover{text-decoration:underline}

로그인 후 복사

링크 텍스트에 밑줄이 표시됩니다. 웹페이지의 경우 기본적으로 사라지지만 밑줄 스타일 효과는 앵커 텍스트 위에 마우스를 올렸을 때만 나타납니다.

다음은 기본적으로 링크 텍스트에는 밑줄이 표시되지 않으며, 앵커 텍스트 글꼴 위에 마우스를 올리면 CSS 밑줄이 나타납니다.

예제의 전체 HTML 소스 코드:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>无下划线实现 DIVCSS5</title> 
<style> 
a{ text-decoration:none} 
a:hover{ text-decoration:underline} 
</style> 
</head> 
<body> 
欢饮来到<a href="http://www.php.cn">www.php.cn</a>关于默认链接无下划线实例 
</body> 
</html>

로그인 후 복사