메뉴 건너뛰기

프로그램언어

조회 수 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 하이퍼링크 & 링크이미지에 점선을 죽임 2016.12.23 5748
11 메뉴 텍스트(text)에 그림자 효과 주기 2014.02.27 5806
10 CSS3를 이용하여 둥근모서리 박스 만들기 2016.12.22 5840
9 둥근 모서리 박스 css 2014.02.27 5854
8 background-size 속성 2016.12.23 5874
7 CSS : 반응형 웹(Responsive Web) file 2017.04.14 5938
6 HTML 목록 태그와 CSS를 활용하여 깔끔한 목록 스타일을 만드는 방법 / CSS list-style file 2016.12.22 6181
5 Box CSS file 2014.02.27 6468
4 <iframe>으로 올린 유투브 동영상 z-index 문제 2015.02.03 6644
3 네이버 나눔글꼴 적용 2014.03.01 6666
2 input box 테두리 없애기 2016.12.23 9667
1 웹 브라우저에 [가로 스크롤 안생기게 하기] 2016.12.23 15133
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved