집 >웹 프론트엔드 >CSS 튜토리얼 >CSS 하이퍼링크에서 밑줄을 제거하는 방법

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

醉折花枝作酒筹원래의: 2021-04-21 14:00:0628053검색

CSS에서는 텍스트 장식 속성을 사용하여 하이퍼링크의 밑줄을 제거할 수 있습니다. a 태그에 "text-장식:없음" 스타일을 설정하기만 하면 됩니다. text-장식 속성은 텍스트에 추가되는 장식을 지정합니다. 값이 없으면 텍스트 장식이 없음을 의미합니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS는 일반적으로 초기화되지 않으며 웹페이지에서 하이퍼링크가 있는 텍스트에 밑줄이 표시된다는 것을 알고 있습니다. 밑줄을 제거하려면 어떻게 설정해야 하나요? 다음으로 divcss5에서는 HTML 하이퍼링크의 밑줄 스타일을 제거하는 방법을 소개합니다.

1. 밑줄 CSS 스타일 제거

다음 CSS 속성 단어에 대해 알아보겠습니다. 하이퍼링크 앵커 텍스트의 밑줄을 제거하려고 하며 다음 CSS 스타일 단어를 사용합니다.
text-장식 밑줄 스타일 단어를 설정합니다.

하이퍼링크 스타일의 밑줄을 제거하고 CSS 텍스트 장식 값을 "없음"으로 설정합니다.
다음은 A링크의 밑줄 스타일을 제거하는 코드입니다.
a{text-꾸밈:none}

두 번째, 앵커 텍스트의 밑줄을 제거하는 경우

다음으로 제거하는 경우를 소개하겠습니다. CSS를 통한 하이퍼링크의 밑줄 스타일.
HTML 코드

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>document</title> 
</head> 
<body> 
想要带你去浪漫的<a href="https://baike.baidu.com/item/%E5%9C%9F%E8%80%B3%E5%85%B6/198448?fr=aladdin">土耳其</a>！ 
</body> 
</html>

스크린샷

밑줄을 제거하기 전

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

css를 사용하여 하이퍼링크 밑줄 제거
css 코드 조각

a{
 text-decoration:none
 }

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

추천 학습: css 비디오 튜토리얼

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

html5 css css3 html

성명：

이전 기사：CSS 내부 테두리를 설정하는 방법다음 기사：CSS 내부 테두리를 설정하는 방법