반응형
CSS Links Text Decoration
이 text-decoration속성은 주로 링크에서 밑줄을 제거하는 데 사용됩니다.
예
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
<!DOCTYPE html>
<html>
<head>
<style>
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
</style>
</head>
<body>
<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.</p>
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to be effective.</p>
</body>
</html>
반응형
'IT > css' 카테고리의 다른 글
| php ftp_site - 서버에 SITE 명령을 보냅니다. (0) | 2017.02.25 |
|---|---|
| CSS Links 스타일 링크 (0) | 2017.02.25 |
| CSS Links 배경색 (0) | 2017.02.25 |
| css 백분율과 em의 조합 사용 (0) | 2017.02.20 |
| css Em로 글꼴 크기 설정 Set Font Size With Em (0) | 2017.02.20 |