HTML 하이퍼링크의 밑줄을 제거하는 방법에 대한 자세한 그래픽 설명-CSS 튜토리얼-php.cn

HTML 하이퍼링크의 밑줄을 제거하는 방법에 대한 자세한 그래픽 설명

yulia

풀어 주다： 2018-09-19 17:48:59

원래의

9582명이 탐색했습니다.

페이지 레이아웃에서 a 태그는 기본적으로 밑줄이 그어져 있고 때로는 페이지를 아름답게 만들기 위해 일부 하이퍼링크의 밑줄을 제거해야 하는 경우가 있다는 것은 누구나 알고 있습니다. 하이퍼링크를 변경하세요. 이 효과를 얻는 방법을 알고 있나요? 이 문서에서는 HTML 하이퍼링크의 밑줄을 제거하는 방법에 대해 설명합니다. 모르는 친구들이 참고하면 좋을 것 같아요.

먼저 예를 들어보겠습니다: 이 하이퍼링크를 클릭하지 않으면 하이퍼링크 텍스트에 밑줄이 표시되지 않고 마우스가 링크 위로 지나갈 때 파란색으로 표시됩니다. 밑줄이 그어지고 링크 텍스트가 빨간색으로 표시됩니다. 링크를 클릭하면 링크가 밑줄이 그어지지 않고 녹색으로 나타납니다. 구현 방법은 매우 간단합니다.

와 사이에 다음 CSS 코드를 추가합니다.

<style type="text/css">
	a:link { text-decoration: none;color: blue} 
	a:active { text-decoration:blink} 
	a:hover { text-decoration:underline;color: red} 
	a:visited { text-decoration: none;color: green} 
</style>

로그인 후 복사

where:

　a:link는 일반 A를 나타냅니다. 방문하지 않은 링크

a:active는 클릭 중인 링크를 나타냅니다.

a:hover는 링크 위의 마우스를 나타냅니다. 🎜# a :visited는 방문한 링크를 나타냅니다.

텍스트 장식은 텍스트 수정 효과를 의미합니다.

없음 매개변수는 하이퍼링크 텍스트에 밑줄이 표시되지 않음을 의미합니다. ;

# 🎜🎜# 밑줄 매개변수는 하이퍼링크 텍스트에 밑줄이 그어져 있음을 나타냅니다. 하이퍼링크 밑줄을 제거하는 방법

기본적으로 밑줄을 제거하도록 하이퍼링크 레이블을 설정하려면 a{text-장식:none;}을 사용하십시오. 코드는 다음과 같습니다:

<style type="text/css">
	a{text-decoration: none;color: red;}
</style>
<body>
	生活不止眼前的苟且，<a href="#">还有诗和远方的田野</a>
</body>

로그인 후 복사

밑줄을 제거하지 않은 효과:

HTML 하이퍼링크의 밑줄을 제거하는 방법에 대한 자세한 그래픽 설명

밑줄을 제거하고 색상을 빨간색으로 설정:

Summary: HTML 하이퍼링크의 밑줄을 제거하는 것은 매우 간단합니다. text-꾸밈:없음 속성을 추가하기만 하면 됩니다. . 다른 텍스트 장식 속성에 대해서는 여기서 너무 많이 소개하지 않겠습니다. 필요한 친구는 웹 사이트에 가서 사용 방법을 확인할 수 있습니다.

위 내용은 HTML 하이퍼링크의 밑줄을 제거하는 방법에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!