CSS / 링크 상태 속성 / <a>태그 CSS / 밑줄 없애기,변경하기

by 조쉬 posted Jan 27, 2023
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

<a>태그  CSS

<style>

.atag:link{

color: red;

}

.atag:visited{

background-color: gray;

}

.atag:active {

font-size: 20pt;

}

.atag:hover {

color:pink;

}

</style>

</head>

<body>

<a href="#" class="atag"> a태그입니다</a>

</body>

</html>

:link → 방문 전의 링크의 상태

:visited → 한번이라도 방문한 링크의 상태

:active → 클릭하는 순간의 상태

:hover → 마우스 오버시 상태

 

 

링크 밑줄 상태

<style>

.atag{

text-decoration:none;

}

</style>

</head>

<body>

<a href="#" class="atag"> a태그입니다</a>

</body>

text-decoration: none; → 밑줄 지우기

 

text-decoration: dotted underline black;