메뉴 건너뛰기

프로그램언어

조회 수 92 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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


List of Articles
번호 제목 날짜 조회 수
12 IIS7 에서 woff MIME 등록하기. 2015.02.03 4726
11 말줄임 2016.12.22 4724
10 모바일 실제 해상도와 device-width 2015.02.03 4722
9 링크 오버속성+버튼 디자인 2016.12.23 4664
8 light박스 css로 흉내내기 2016.12.22 4618
7 파비콘 없어서 계속 서버에 로그 쌓이는 경우 2019.04.29 819
6 CSS - display : flex를 통한 수직, 수평 정렬하기 file 2021.03.09 428
5 CSS - position:absolute 가운데, 중앙 정렬하기 file 2021.03.09 367
4 CSS 미적용, 다르게 적용 2021.03.26 196
» CSS / 링크 상태 속성 / <a>태그 CSS / 밑줄 없애기,변경하기 2023.01.27 92
2 CSS/기호/공백/띄어쓰기/<> 2023.01.27 82
1 CSS/table/border-collapse/테이블 선 속성 file 2023.01.27 66
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved