페이지 레이아웃에서 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 하이퍼링크의 밑줄을 제거하는 방법에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
