728x90
반응형
SMALL
📌 하이퍼링크 만들기 ⬇⬇⬇
https://coding-yesung.tistory.com/78
[HTML] 하이퍼링크 만드는 법 - 웹페이지 이동하기!
1. 하이퍼링크란 ❓ 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) 하이퍼링크는 웹을 웹 다워보이도록 만들어줌 링크에 사용할 문자 또는 이미지 ✅ 다음 홈페이지로 연결하는
coding-yesung.tistory.com
1. a:link
- 하이퍼링크가 연결되었을 때 선택
2. a:visited
- 특정 하이퍼링크를 방문한적이 있을 때 선택
3. a:hover
- 특정 요소에 마우스를 올렸을 때 선택
4. a:active
- 특정 요소에 마우스 버튼을 클릭하고 있을 때 선택
<!DOCTYPE html>
<html lang="en">
<head>
<title>링크 스타일링</title>
<style>
a:link {text-decoration: none; color: greenyellow}
a:visited {text-decoration: none; color: teal;}
a:hover {text-decoration: underline; color: brown;}
a:active {text-decoration: underline; color: cyan;}
</style>
</head>
<body>
<p><a href="https://python.org" >파이썬 공식홈페이지</a></p>
</body>
</html>
728x90
반응형
LIST
'Web > CSS' 카테고리의 다른 글
| [CSS] TEXT 설정 - 1️⃣ 글자 색상, 글자 간격, 띄어쓰기 간격 (0) | 2023.03.30 |
|---|---|
| [CSS] CSS의 컬러 - 색상이름, RGB 색상값, 16진수 색상값 (0) | 2023.03.30 |
| [CSS] 선택자의 종류 - 2️⃣ 자식 선택자, 자손 선택자, 형제 선택자, 속성 선택자, 가상 선택자 (0) | 2023.03.30 |
| [CSS] 선택자의 종류 - 1️⃣ 전체 선택자, 요소 선택자, id 선택자, class 선택자, 그룹 선택자 (0) | 2023.03.30 |
| [CSS] CSS란? & HTML에 CSS 적용하는 법 (0) | 2023.03.30 |
