>  기사  >  웹 프론트엔드  >  HTML 하이퍼링크에서 밑줄을 제거하는 방법은 무엇입니까? a 태그에서 밑줄을 제거하는 모든 방법은 다음과 같습니다.

HTML 하이퍼링크에서 밑줄을 제거하는 방법은 무엇입니까? a 태그에서 밑줄을 제거하는 모든 방법은 다음과 같습니다.

寻∝梦
寻∝梦원래의
2018-09-03 17:25:5680773검색

이번 글은 HTML 하이퍼링크 밑줄을 없애는 방법에 관한 글입니다. 마지막으로 관련 코드 설명을 함께 살펴보겠습니다. 우리는 CSS의 기본 스타일을 사용하여 밑줄을 제거하는 가장 간단한 방법을 사용합니다:

html 기본적으로 일부 브라우저는 밑줄을 표시하고 일부는 밑줄을 표시하지 않습니다. 하이퍼링크에서 밑줄을 제거하려면? HTML 하이퍼링크에서 밑줄을 제거하는 방법은 무엇입니까?

하이퍼링크 앵커 텍스트의 밑줄을 제거하려면 CSS 스타일 속성이 필요합니다.

text-장식

우리가 알고 있는 대부분의 경우: text-장식:밑줄은 밑줄을 표시하는 것입니다.

HTML에서 태그 하이퍼링크의 밑줄을 제거하는 코드:

text-decoration:none
a{text-decoration:none}
이렇게 하면 웹 페이지에서 하이퍼링크의 밑줄 효과를 제거할 수 있습니다. 이 CSS 코드만 설정하면 하이퍼링크 위에 마우스를 올려도 밑줄이 사라지지 않아 밑줄이 표시되지 않습니다.

호환 문제를 방지하기 위해 마우스를 올려 클릭할 때 하이퍼링크에 밑줄이 표시되지 않도록 하려면 다음과 같은 CSS 코드가 필요합니다.

a:hover{text-decoration:none}

마우스가 하이퍼링크 위로 이동할 때 밑줄이 표시되지 않습니다.

하이퍼링크 밑줄을 제거하는 완전한 HTML - HTML 하이퍼링크 밑줄 제거 코드:

a{ text-decoration:none} 
a:hover{ text-decoration:none}
완전한 코드 예제 보기:
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8" /> 
<title>PHP中文网:取消下划线实例</title> 
<style> 
a{text-decoration:none} 
a:hover{text-decoration:none} 
</style> 
</head> 
<body> 
欢迎来到<a href=“www.php.cn”>php中文网</a>
</body> 
</html>

브라우저에서 이 렌더링을 살펴보겠습니다.

입니다 위 그림은 아주 명확하죠? 예전에는 PHP 중국어 웹사이트에 밑줄이 있었는데 지금은 없어져서 훨씬 편리해졌죠? HTML 하이퍼링크에서 밑줄을 제거하는 방법은 무엇입니까? a 태그에서 밑줄을 제거하는 모든 방법은 다음과 같습니다.

다음 코드도 필요할 수 있습니다.

1.html 하이퍼링크는 기본적으로 밑줄을 표시하고 마우스를 올리면 밑줄이 사라집니다.

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

2.html 기본적으로 밑줄은 사라집니다. 제거되고 마우스를 올리면 밑줄이 표시됩니다

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

위 내용은 이 글의 HTML 하이퍼링크 밑줄을 취소하는 방법이기도 합니다. , 아래로 문의해주세요.

【에디터 추천】

html 스페이스 코드는 어떻게 작성하나요? html 스페이스 코드 표현 요약


html tbody 태그는 블록 수준 요소인가요? html tbody 태그의 기본 사용법

위 내용은 HTML 하이퍼링크에서 밑줄을 제거하는 방법은 무엇입니까? a 태그에서 밑줄을 제거하는 모든 방법은 다음과 같습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.