본문 바로가기
Web Programming/CSS

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

by hyeon-H 2021. 5. 7.
728x90
반응형

<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; ㅁ

728x90
반응형
저작자표시

'Web Programming > CSS' 카테고리의 다른 글

table , tr 간격 만들기 / border-spacing  (0) 2021.06.14
CSS/기호/공백/띄어쓰기/<>  (0) 2021.05.04
CSS/table/border-collapse/테이블 선 속성  (0) 2021.04.28

관련글

티스토리툴바