HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)
- 寻∝梦원래의
- 2018-09-04 13:40:16105854검색
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 문서에 대한 코드입니다. 효과:
위의 클릭하지 않은 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 코드입니다. 효과를 살펴보겠습니다.
# 🎜🎜#
- 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> 이제 표시되는 효과를 살펴보겠습니다. 브라우저에서:
이것은 마우스 호버링의 효과입니다.
# 🎜🎜#클릭하는 순간의 효과입니다. (자세한 내용을 보려면
을 클릭하세요.)
하이퍼링크 태그 요약:
#🎜🎜 # 그래서 a 태그의 네 가지 앵커 의사 클래스 CSS 스타일이 도입되었습니다. 그 중 하나는 클릭되지 않은 스타일, 즉 클릭한 후 스타일이 정상적으로 표시되는 것입니다. 이 라벨을 클릭한 후의 스타일과 다른 하나는 마우스 오버 스타일입니다. 이 효과는 나중에 그 사용법을 알게 될 것입니다. 하나는 이 네 가지 효과가 a 태그에 필요한 네 가지 스타일이라고 할 수 있습니다. 이렇게 하면 설정이 더 좋을 수 있습니다. 【에디터 추천】
html5 데이터리스트 태그의 용도는 무엇인가요? 다음은 datalist 태그의 사용 예입니다.
html의 include 태그는 무엇인가요? html include는 구성 분석을 구현합니다
위 내용은 HTML 태그의 색상을 설정하는 방법은 무엇입니까? 하이퍼링크 색상 설정 요약(CSS 스타일)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!