CSS의 하이퍼링크에서 밑줄을 제거하는 방법
- php中世界最好的语言원래의
- 2017-11-20 16:07:298909검색
웹 페이지에는 필연적으로 여러 쌍의 텍스트 AHyperlinks앵커 텍스트가 있지만 기본적으로 링크가 있는 모든 텍스트에는 밑줄 효과가 있는데, 이 하이퍼링크의 밑줄 효과를 제거하는 방법은 무엇입니까? 그렇다면 강력한 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>관련 읽기:
js는 페이지가 로드될 때 자동으로 하이퍼링크를 트리거하는 자세한 예를 구현합니다.
jQuery를 사용하여 하이퍼링크를 동적으로 수정하는 방법
위 내용은 CSS의 하이퍼링크에서 밑줄을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：DIV 스크롤바를 사용하는 방법다음 기사：DIV 스크롤바를 사용하는 방법