CSS에서 요소와 링크의 글꼴을 변경하지 않고 설정하는 방법
- WBOY원래의
- 2021-12-09 16:17:372369검색
방법: 1. "text-장식" 속성을 사용하여 링크 텍스트의 밑줄 스타일을 제거합니다. 구문은 "링크 요소 {text-장식:없음}"입니다. 2. 색상 속성을 사용하여 글꼴 색상을 설정합니다. 구문은 "링크 요소 {color:#000}"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서 요소와 링크의 글꼴을 변경하지 않고 설정하는 방법
CSS에서 텍스트에 링크를 추가하면 글꼴 스타일이 다음과 같이 변경됩니다.
링크를 추가한 후에도 글꼴이 변경되지 않도록 설정하고 싶으십니까? 변경을 원할 경우, 링크 스타일의 밑줄을 제거하는 데에는 text-dress 속성과 color 속성을 사용해야 합니다. color 속성은 글꼴 색상을 원래 검정색으로 설정하는 데 사용됩니다.
예제는 다음과 같습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
a{
text-decoration:none;
color:#000;
}
</style>
</head>
<body>
添加链接的文字：<a href="https://www.php.cn/course/list/12.html" target="_blank">css视频教程</a>
<br>
没有添加链接的文字：css视频教程
</body>
</html>출력 결과:
(학습 영상 공유: css 영상 튜토리얼)
위 내용은 CSS에서 요소와 링크의 글꼴을 변경하지 않고 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS에서 원의 절반을 숨기는 방법다음 기사：CSS에서 원의 절반을 숨기는 방법