<a href="#">이 링크를 가리켜보세요.</a>
a {
background-color: powderblue;
transition: background-color .5s;
}
a:hover {
background-color: gold;
}
/* 활성화된 모든 <a> 태그를 선택 */
a:active {
color: red;
}
/* Selects any <input> when focused */
input:focus {
color: red;
}
/* 방문한 적이 있는 <a> 선택 */
a:visited {
color: green;
}
/* 아직 방문하지 않은 <a> 요소를 선택 */
a:link {
color: red;
}
/* 링크 앞에 하트 추가 */
a::after {
content: "♥";
}
/* CSS3 syntax */
::before
/* CSS2 syntax */
:before
/* 링크 뒤에 화살표 추가 */
a::after {
content: "→";
}
/* CSS3 syntax */
::after
/* CSS2 syntax */
:after
<a href="#">이 링크를 가리켜보세요.</a>
a {
background-color: powderblue;
transition: background-color .5s;
}
a:hover {
background-color: gold;
}
/* 활성화된 모든 <a> 태그를 선택 */
a:active {
color: red;
}
/* Selects any <input> when focused */
input:focus {
color: red;
}
/* 방문한 적이 있는 <a> 선택 */
a:visited {
color: green;
}
/* 아직 방문하지 않은 <a> 요소를 선택 */
a:link {
color: red;
}
/* 링크 앞에 하트 추가 */
a::after {
content: "♥";
}
/* CSS3 syntax */
::before
/* CSS2 syntax */
:before
/* 링크 뒤에 화살표 추가 */
a::after {
content: "→";
}
/* CSS3 syntax */
::after
/* CSS2 syntax */
:after