HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)-CSS 튜토리얼-php.cn

HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)

寻∝梦

풀어 주다： 2018-09-04 13:40:16

원래의

105805명이 탐색했습니다.

Hyperlink a 태그에 대해 모두 잘 알고 있어야 합니다. 이번 글에서는 주로 a 태그 의 기본 CSS 스타일 설정에 대해 설명하고, 더 자세히 읽어보시기 바랍니다. 이 글을 함께 읽어봅시다

먼저 html 태그의 색상 설정을 알아야 합니다.

우리 모두 HTML의 a 태그 기본 색상은 웹 페이지에 있습니다. 이제 코드를 사용해 보세요.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<a href="#">php中文网</a>
</body>
</html>

로그인 후 복사

이것은 기본 HTML 문서에 대한 코드입니다. 효과:

HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)

위의 클릭하지 않은 URL은 이렇게 클릭하면 보라색으로 표시됩니다. a 태그. 예를 들어 클릭하지 않은 URL의 색상을 설정하려면 클릭하기 전에는 빨간색이고 클릭한 후에는 검은색이라고 가정해 보겠습니다. 효과를 적용해 보겠습니다:

<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
a:link{color:red;}
a:visited{color:black;}
</style>
</head>
<body>
<a href="#">php中文网</a>
</body>

로그인 후 복사

이것은 간단한 CSS 코드입니다. 효과를 살펴보겠습니다.

HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일) # 🎜🎜#

방문하지 않은 스타일입니다. 빨간색입니다.

HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)

방문한 스타일입니다. 검정색입니다. 코드를 설명해 보겠습니다.

a:link: 액세스할 수 없는 스타일입니다. 밑줄 제거, 색상 변경 등 다양한 기능을 추가할 수 있습니다. 여기에서 달성할 수 있습니다.
a:visited: 클릭한 후의 스타일이며, 밑줄을 제거하고 변경할 수도 있습니다. 색상, 확대 등 기능;
a:hover: 이것은 마우스 호버 스타일입니다. 이에 대한 예는 나중에 알아보겠습니다. . 하이퍼링크에서 마우스를 멈추는 것입니다.
a:active: 활성화된다고 합니다. 스타일 간단히 말하면, 마우스를 클릭하면 즉시 나타나는 스타일은 많은 웹사이트에서 찾을 수 있습니다. 효과:
```
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
a:link{color:red;}
a:visited{color:black;}
a:hover{color:pink;}
a:active{color:#ccc;}
</style>
</head>
<body>
<a href="#">php中文网</a>
</body>
```
로그인 후 복사
이제 표시되는 효과를 살펴보겠습니다. 브라우저에서:
이것은 마우스 호버링의 효과입니다.

# 🎜🎜#클릭하는 순간의 효과입니다. (자세한 내용을 보려면
css 동영상 튜토리얼
을 클릭하세요.)

하이퍼링크 태그 요약:

#🎜🎜 # 그래서 a 태그의 네 가지 앵커 의사 클래스 CSS 스타일이 도입되었습니다. 그 중 하나는 클릭되지 않은 스타일, 즉 클릭한 후 스타일이 정상적으로 표시되는 것입니다. 이 라벨을 클릭한 후의 스타일과 다른 하나는 마우스 오버 스타일입니다. 이 효과는 나중에 그 사용법을 알게 될 것입니다. 하나는 이 네 가지 효과가 a 태그에 필요한 네 가지 스타일이라고 할 수 있습니다. 이렇게 하면 설정이 더 좋을 수 있습니다. 【에디터 추천】

html5 데이터리스트 태그의 용도는 무엇인가요? 다음은 datalist 태그의 사용 예입니다.

html의 include 태그는 무엇인가요? html include는 구성 분석을 구현합니다

위 내용은 HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!